Vivid analogous red to magenta linear gradient

Linear gradient, 7 colors at 90°: #de2e47, #e02b51, #e22860, #e02771, #d82a84, #cd3095, #c335a1. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#de2e47
#e02b51
#e22860
#e02771
#d82a84
#cd3095
#c335a1

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.2094 19.69) 0.0%, oklch(59.36% 0.2131 15.89) 16.7%, oklch(59.76% 0.2180 10.33) 33.3%, oklch(59.84% 0.2205 3.84) 50.0%, oklch(59.32% 0.2180 355.46) 66.7%, oklch(58.49% 0.2131 346.15) 83.3%, oklch(57.87% 0.2094 339.53) 100.0%);

In these collections

Hero section gradients