Violet blue and purple palette

Analogous light blue to purple color palette

The Violet blue and purple palette brings together light blue, blue, and purple. Linear gradient, 32 colors at 90°: #a3cffd, #77aaff, #5e6ff4, #5f3ccc, #601698. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#a3cffd
#9eccfe
#99c9ff
#94c5ff
#8ec0ff
#88bbff
#82b6ff
#7db0ff
#77aaff
#72a3ff
#6e9dff
#6a96ff
#668fff
#6287ff
#607ffd
#5f77f8
#5e6ff4
#5d67ef
#5d5fea
#5d57e4
#5d50df
#5d49d9
#5e42d3
#5f3ccc
#6035c5
#6130bd
#612ab5
#6125ae
#6121a7
#611da1
#61199c
#601698

CSS

background: linear-gradient(90deg in oklch, oklch(83.86% 0.0799 250.31) 0.0%, oklch(83.09% 0.0853 251.08) 3.2%, oklch(82.12% 0.0920 252.04) 6.5%, oklch(80.99% 0.0978 253.17) 9.7%, oklch(79.72% 0.1042 254.43) 12.9%, oklch(78.34% 0.1114 255.82) 16.1%, oklch(76.87% 0.1190 257.29) 19.4%, oklch(75.33% 0.1272 258.82) 22.6%, oklch(73.75% 0.1356 260.39) 25.8%, oklch(72.17% 0.1443 261.97) 29.0%, oklch(70.59% 0.1530 263.53) 32.3%, oklch(69.02% 0.1620 265.08) 35.5%, oklch(67.33% 0.1718 266.66) 38.7%, oklch(65.56% 0.1825 268.28) 41.9%, oklch(63.72% 0.1897 269.94) 45.2%, oklch(61.84% 0.1942 271.64) 48.4%, oklch(59.96% 0.1982 273.38) 51.6%, oklch(58.11% 0.2017 275.16) 54.8%, oklch(56.30% 0.2046 276.97) 58.1%, oklch(54.58% 0.2069 278.83) 61.3%, oklch(52.97% 0.2086 280.73) 64.5%, oklch(51.49% 0.2097 282.68) 67.7%, oklch(50.05% 0.2097 284.83) 71.0%, oklch(48.64% 0.2087 287.18) 74.2%, oklch(47.28% 0.2069 289.64) 77.4%, oklch(45.97% 0.2046 292.16) 80.6%, oklch(44.73% 0.2018 294.64) 83.9%, oklch(43.58% 0.1989 297.04) 87.1%, oklch(42.53% 0.1961 299.26) 90.3%, oklch(41.60% 0.1936 301.24) 93.5%, oklch(40.81% 0.1915 302.92) 96.8%, oklch(40.16% 0.1902 304.21) 100.0%);

In these collections

Blue and purple gradients