Gradient information
Start color
#d5a42e - Brilliant amber
End color
#2a5bd1 - Moderate 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, #d5a42e, #aa9156, #7f7f7f, #546da8, #2a5bd1);
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, #d5a32e, #87d42c, #2bd34e, #2ad1ca, #2a5ad1);
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, #d5a32e, #d42c34, #d32bb0, #772ad1, #2a5ad1);