HueHive

#181818 Thamar Black

#713489 Perkin Mauve

#5E2B6D Imperial

#A76EBE Prickly Purple

#D3A6D6 Velvet Horizon

#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

Creating a gradient from the colors in your palette can add a dynamic and modern touch to buttons and other elements in your gym’s design. Here’s a suggested gradient that transitions smoothly between the primary, secondary, and accent colors while incorporating the base color for depth:

Suggested Gradient:

Start with the Base Dark Charcoal ( #181818 )
Blend into Primary Purple ( #713489 )
Transition to Secondary Deep Purple ( #5E2B6D )
Then to Tertiary Lavender ( #A76EBE )
Finish with Accent Soft Purple ( #D3A6D6 )

Gradient CSS Example:

Here’s how you can implement this gradient in CSS for a button:

css
background: linear-gradient(90deg, 
                            
                            #181818
                        , 
                            
                            #713489
                        , 
                            
                            #5E2B6D
                        , 
                            
                            #A76EBE
                        , 
                            
                            #D3A6D6
                        );

Gradient Description:

The gradient starts with the Dark Charcoal to establish a strong foundation.
As it moves towards the Primary Purple, it introduces vibrancy.
The transition to the Secondary Deep Purple adds depth and richness.
The Tertiary Lavender lightens the gradient, creating a smooth flow.
Finally, it ends with the Soft Purple, giving it a gentle, uplifting finish that can catch the eye.

Would you like to see more gradient variations, or any specific applications of this gradient in design?