Purple, lavender and gray linear gradient

Linear gradient, 7 colors at 90°: #67537f, #c6a8c3, #a297ab, #806480, #ad7e9e, #cebce3, #1d133f. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#67537f
#c6a8c3
#a297ab
#806480
#ad7e9e
#cebce3
#1d133f

CSS

background: linear-gradient(90deg in oklch, oklch(48.03% 0.0717 304.45) 0.0%, oklch(76.74% 0.0507 329.22) 16.7%, oklch(69.20% 0.0320 310.21) 33.3%, oklch(54.18% 0.0541 325.59) 50.0%, oklch(64.98% 0.0720 339.21) 66.7%, oklch(82.37% 0.0571 306.10) 83.3%, oklch(22.83% 0.0813 288.60) 100.0%);

In these collections

Purple swatches