Analogous purple, pink and light blue linear gradient

Analogous purple, pink and light blue color palette

Linear gradient, 7 colors at 90°: #bb61ba, #e174c6, #fb97d5, #ffc1e7, #fee0fa, #f0e5ff, #cbd9fd. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#bb61ba
#e174c6
#fb97d5
#ffc1e7
#fee0fa
#f0e5ff
#cbd9fd

CSS

background: linear-gradient(90deg in oklch, oklch(62.99% 0.1612 327.66) 0.0%, oklch(70.95% 0.1658 337.32) 16.7%, oklch(79.86% 0.1395 343.16) 33.3%, oklch(87.80% 0.0854 341.39) 50.0%, oklch(94.01% 0.0465 331.10) 66.7%, oklch(93.85% 0.0364 304.49) 83.3%, oklch(88.58% 0.0524 269.53) 100.0%);

In these collections

Blue and mauve gradients