Blue Violet Blue Field

Lavender, purple and dark purple color palette

This vertical gradient moves through pale blue, purple, magenta, purple, violet, deep purple, muted violet, and pale blue. Linear gradient, 32 colors at 90°: #c3bcfd, #b6628a, #814da5, #391239, #cfd6fc. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#c3bcfd
#c3b4f5
#c4a8ea
#c59bda
#c48dc8
#c280b5
#bf74a2
#ba6a93
#b6628a
#b35d89
#af598d
#aa5795
#a4569e
#9c56a7
#9355ac
#8a52ac
#814da5
#754296
#683581
#5b276a
#4d1b55
#421244
#3b0f3a
#391239
#401d42
#4e2f55
#61496f
#79678f
#9287b0
#aaa7d0
#bfc3ea
#cfd6fc

CSS

background: linear-gradient(90deg in oklch, oklch(82.28% 0.0909 289.69) 0.0%, oklch(80.48% 0.0930 295.34) 3.2%, oklch(77.98% 0.0958 303.68) 6.5%, oklch(74.98% 0.0991 313.66) 9.7%, oklch(71.73% 0.1028 324.22) 12.9%, oklch(68.44% 0.1067 334.31) 16.1%, oklch(65.34% 0.1106 342.87) 19.4%, oklch(62.64% 0.1144 348.83) 22.6%, oklch(60.58% 0.1180 351.17) 25.8%, oklch(59.20% 0.1225 349.50) 29.0%, oklch(58.31% 0.1277 344.74) 32.3%, oklch(57.72% 0.1332 337.92) 35.5%, oklch(57.21% 0.1382 330.09) 38.7%, oklch(56.59% 0.1424 322.29) 41.9%, oklch(55.64% 0.1450 315.57) 45.2%, oklch(54.15% 0.1454 310.95) 48.4%, oklch(51.80% 0.1431 309.39) 51.6%, oklch(47.88% 0.1378 310.56) 54.8%, oklch(42.92% 0.1301 313.60) 58.1%, oklch(37.58% 0.1209 317.70) 61.3%, oklch(32.57% 0.1109 322.03) 64.5%, oklch(28.56% 0.1009 325.77) 67.7%, oklch(26.25% 0.0918 328.08) 71.0%, oklch(26.31% 0.0842 328.16) 74.2%, oklch(29.51% 0.0784 325.32) 77.4%, oklch(35.91% 0.0733 319.92) 80.6%, oklch(44.58% 0.0688 312.74) 83.9%, oklch(54.54% 0.0648 304.55) 87.1%, oklch(64.85% 0.0613 296.11) 90.3%, oklch(74.53% 0.0583 288.19) 93.5%, oklch(82.63% 0.0558 281.57) 96.8%, oklch(88.19% 0.0537 277.01) 100.0%);

In these collections

Purple and pink gradients