HueHive

#713489 Perkin Mauve

#A76EBE Prickly Purple

#5E2B6D Imperial

#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.

Palette Description

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?