Analogous red, pink and purple linear gradient

Linear gradient, 7 colors at 90°: #be2e3a, #d82551, #eb1f6e, #ef2587, #e12f9a, #c745a6, #ac59a6. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#be2e3a
#d82551
#eb1f6e
#ef2587
#e12f9a
#c745a6
#ac59a6

CSS

background: linear-gradient(90deg in oklch, oklch(53.15% 0.1805 21.80) 0.0%, oklch(57.63% 0.2105 14.48) 16.7%, oklch(61.34% 0.2327 6.38) 33.3%, oklch(62.99% 0.2384 358.55) 50.0%, oklch(61.87% 0.2297 349.55) 66.7%, oklch(60.29% 0.1950 339.41) 83.3%, oklch(59.06% 0.1461 330.02) 100.0%);

In these collections

Analogous swatches