#713489 Is The Primary Colour Of A New Gym Being Opened. I Need A Secondary, Tertiary And Accent Colour Based Off Of The Provided Hex Code.
About This Color Palette
Absolutely! Focusing the gradient primarily on the color #713489 while incorporating lighter and darker shades derived from it can create a cohesive and visually appealing effect. Here’s a gradient suggestion based on the primary purple color:
Gradient Colors:
- Start with the Primary Purple ( #713489 )
- A Lighter Shade ( #A76EBE ): This will add a soft touch.
- A Darker Shade ( #5E2B6D ): This will add depth.
Suggested Gradient:
Here’s how the gradient flows:
- From #5E2B6D (Darker Shade)
- To #713489 (Primary Purple)
- To #A76EBE (Lighter Shade)
Gradient CSS Example:
Here’s how you can implement this gradient in CSS for a button:
css
background: linear-gradient(90deg,
#5E2B6D
,
#713489
,
#A76EBE
);
Gradient Description:
- The gradient starts with the Darker Shade ( #5E2B6D ) to establish depth.
- It transitions into the Primary Purple ( #713489 ), maintaining the gym’s identity.
- Finally, it ends with the Lighter Shade ( #A76EBE ), introducing a fresh and uplifting tone.
This gradient will create a harmonious and visually appealing effect, perfect for buttons or other interactive elements in your gym’s design.
Would you like to see more variations or any specific applications using this gradient?