Gradient information
Start color
#f6c324 - Brilliant amber
End color
#093cdb - Brilliant sapphire blue
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, #f6c324, #baa151, #7f7f7f, #445dad, #093cdb);
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, #f6c324, #84ef1c, #15e84b, #0fe0e1, #093cdb);
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, #f6c324, #ef1e1c, #e815b2, #790fe1, #093cdb);