Pastel rainbow linear gradient

Linear gradient, 7 colors at 90°: #f1b3c2, #f0ce89, #9bdb7a, #59dfb2, #6592ed, #cf93e2, #f4c3d4. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#f1b3c2
#f0ce89
#9bdb7a
#59dfb2
#6592ed
#cf93e2
#f4c3d4

CSS

background: linear-gradient(90deg in oklch, oklch(82.68% 0.0744 2.81) 0.0%, oklch(86.61% 0.0951 84.18) 16.7%, oklch(82.68% 0.1447 135.96) 33.3%, oklch(81.89% 0.1350 167.67) 50.0%, oklch(66.93% 0.1433 262.77) 66.7%, oklch(74.80% 0.1281 317.72) 83.3%, oklch(86.61% 0.0593 356.82) 100.0%);

In these collections

Rainbow loop gradients