Muted rainbow from pink to orange linear gradient

Linear gradient, 7 colors at 90°: #df7172, #a37cc1, #84aacc, #bbdcdd, #b8e693, #f6bb22, #f09b40. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#df7172
#a37cc1
#84aacc
#bbdcdd
#b8e693
#f6bb22
#f09b40

CSS

background: linear-gradient(90deg in oklch, oklch(67.72% 0.1378 21.09) 0.0%, oklch(65.06% 0.1079 309.90) 16.7%, oklch(72.27% 0.0651 246.14) 33.3%, oklch(87.01% 0.0344 199.33) 50.0%, oklch(87.37% 0.1196 131.86) 66.7%, oklch(82.52% 0.1625 84.46) 83.3%, oklch(75.98% 0.1447 64.07) 100.0%);

In these collections

Blue and yellow swatches Summer swatches