Gradient information
Start color
#ff0099 - Luminous vivid cerise
End color
#99ff99 - Very light green
Steps
6
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, #ff0099, #ea3399, #d66699, #c19999, #adcc99, #99ff99);
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, #ff0098, #ff1e30, #ff923d, #fff85b, #bfff7a, #99ff99);
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, #ff0098, #c01eff, #443dff, #5bc4ff, #7affd4, #99ff99);