Gradient information
Start color
#574c78 - Dark grayish indigo
End color
#a8b387 - Grayish lime green
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, #574c78, #6b657b, #7f7f7f, #939983, #a8b387);
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, #564b77, #865986, #956773, #a48d76, #a7b286);
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, #574b77, #597086, #67958a, #76a476, #a7b286);