Gradient information
Start color
#5aba8f - Moderate spring green
End color
#a54570 - Moderate rose
Steps
5
RGB Gradient
Spot colors
CSS Gradient Editor
Position
Order
Gradient type
Effect
CSS
/* NOTE: Linear gradients do not center. Therefore I made it slant 72 deg - look for the hidden message! ;) */
background-image: linear-gradient(72deg, #5aba8f, #6c9c87, #7f7f7f, #926277, #a54570);
HSV Clockwise Gradient
Spot colors
CSS Gradient Editor
Position
Order
Gradient type
Effect
CSS
/* NOTE: Linear gradients do not center. Therefore I made it slant 72 deg - look for the hidden message! ;) */
background-image: linear-gradient(72deg, #5aba8e, #5497b4, #544faf, #9749aa, #a5446f);
HSV Counterclockwise Gradient
Spot colors
CSS Gradient Editor
Position
Order
Gradient type
Effect
CSS
/* NOTE: Linear gradients do not center. Therefore I made it slant 72 deg - look for the hidden message! ;) */
background-image: linear-gradient(72deg, #5aba8e, #67b454, #aaaf4f, #aa6749, #a5446f);