Gradient information
Start color
#d3832b - Brilliant orange
End color
#2c7cd4 - Brilliant azure
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, #d3832b, #a98155, #7f7f7f, #557da9, #2c7cd4);
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, #d2832a, #a5d32b, #2bd32f, #2bd3ad, #2c7cd4);
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, #d2832a, #d32b51, #d32bcf, #592bd3, #2c7cd4);