Monochrome gray to purple linear gradient

Linear gradient, 32 colors at 45°: #f2e9f7, #d3c0ed, #a787d8, #7b50b4, #48235c. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#f2e9f7
#f0e6f6
#ede2f5
#eaddf4
#e5d7f3
#e1d1f1
#dcccf0
#d8c6ee
#d3c0ed
#cebaeb
#c9b3e9
#c4ade6
#bfa6e4
#b99ee1
#b397de
#ad8fdb
#a787d8
#a17ed4
#9b76d0
#956fcb
#8e67c6
#885fc1
#8158bb
#7b50b4
#7449ad
#6e42a3
#683b98
#61358a
#592f7c
#532a6e
#4d2664
#48235c

CSS

background: linear-gradient(45deg in oklch, oklch(94.49% 0.0207 314.30) 0.0%, oklch(93.69% 0.0241 313.36) 3.2%, oklch(92.63% 0.0286 312.01) 6.5%, oklch(91.35% 0.0341 310.43) 9.7%, oklch(89.93% 0.0402 308.80) 12.9%, oklch(88.43% 0.0464 307.27) 16.1%, oklch(86.91% 0.0526 306.04) 19.4%, oklch(85.40% 0.0585 305.16) 22.6%, oklch(83.81% 0.0647 304.47) 25.8%, oklch(82.15% 0.0711 303.93) 29.0%, oklch(80.43% 0.0776 303.50) 32.3%, oklch(78.63% 0.0843 303.14) 35.5%, oklch(76.75% 0.0910 302.81) 38.7%, oklch(74.80% 0.0979 302.48) 41.9%, oklch(72.75% 0.1055 302.22) 45.2%, oklch(70.61% 0.1134 302.03) 48.4%, oklch(68.41% 0.1211 301.88) 51.6%, oklch(66.18% 0.1284 301.76) 54.8%, oklch(63.94% 0.1347 301.67) 58.1%, oklch(61.71% 0.1397 301.57) 61.3%, oklch(59.47% 0.1445 301.34) 64.5%, oklch(57.21% 0.1487 301.05) 67.7%, oklch(54.92% 0.1521 300.84) 71.0%, oklch(52.62% 0.1542 300.81) 74.2%, oklch(50.30% 0.1544 301.09) 77.4%, oklch(47.95% 0.1523 301.80) 80.6%, oklch(45.35% 0.1467 303.16) 83.9%, oklch(42.57% 0.1381 305.01) 87.1%, oklch(39.79% 0.1281 307.11) 90.3%, oklch(37.21% 0.1180 309.18) 93.5%, oklch(35.04% 0.1092 310.96) 96.8%, oklch(33.46% 0.1033 312.18) 100.0%);

In these collections

Lavender swatches Population density gradients