Purple, yellow and brown linear gradient

Linear gradient, 7 colors at 90°: #c154cb, #bbb4f9, #e4b7dc, #cf9e37, #e6db6b, #c8bb59, #6a5700. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#c154cb
#bbb4f9
#e4b7dc
#cf9e37
#e6db6b
#c8bb59
#6a5700

CSS

background: linear-gradient(90deg in oklch, oklch(62.99% 0.1998 324.14) 0.0%, oklch(80.02% 0.0968 289.07) 16.7%, oklch(83.03% 0.0707 332.12) 33.3%, oklch(72.83% 0.1295 82.50) 50.0%, oklch(87.81% 0.1342 103.71) 66.7%, oklch(78.38% 0.1210 102.38) 83.3%, oklch(46.06% 0.0944 94.09) 100.0%);

In these collections

Purple and yellow swatches