Vivid purple, pink and peach linear gradient

Linear gradient, 7 colors at 90°: #3d006f, #5d067b, #88267a, #b64774, #db6d6e, #f3936e, #ffaf76. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

#3d006f
#5d067b
#88267a
#b64774
#db6d6e
#f3936e
#ffaf76

CSS

background: linear-gradient(90deg in oklch, oklch(29.95% 0.1597 300.20) 0.0%, oklch(36.18% 0.1732 314.10) 16.7%, oklch(45.32% 0.1625 334.36) 33.3%, oklch(55.91% 0.1502 357.83) 50.0%, oklch(66.49% 0.1378 21.29) 66.7%, oklch(75.63% 0.1272 41.56) 83.3%, oklch(81.89% 0.1188 55.42) 100.0%);

In these collections

Two color gradients