Gradient information
Start color
#30576e - Dark cornflower blue
End color
#cfa891 - Grayish tangelo
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, #30576e, #576b76, #7f7f7f, #a79388, #cfa891);
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, #30576e, #4b4386, #955a9e, #b6738d, #cfa891);
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, #30576e, #43866c, #629e5a, #aeb673, #cfa891);