Violet pink blue diagonal

Analogous purple, blue and pink palette with 56 colors. #d267c7, #744ba3, #6a6bdb, #fe8bc8, #4781ab. Edit and export CSS, SVG, PNG or a shader.

56 colors, 5 editable OKLCH keyframes.

#d267c7
#ce66c6
#c864c4
#c162c2
#ba5fbf
#b15cbc
#a95ab8
#a157b4
#9854b1
#9051ad
#894faa
#824da7
#7c4ca5
#784ba4
#744ba3
#714ba5
#6e4ca7
#6b4daa
#684fae
#6551b2
#6354b7
#6157bc
#5f5ac1
#5d5dc6
#5d61cb
#5e64d0
#6067d4
#6469d8
#6a6bdb
#746ddf
#816fe2
#9071e4
#a173e4
#b175e3
#c277e0
#d17adc
#df7dd7
#ea80d2
#f483cd
#fa86c9
#fe89c8
#fe8bc8
#fb8ccb
#f48dcf
#ea8dd4
#dd8cd9
#ce8cdc
#bc8cde
#a98bdd
#968ad9
#8489d3
#7388cb
#6386c2
#5784b9
#4e83b1
#4781ab

CSS

background: linear-gradient(45deg in oklch, oklch(67.32% 0.1778 331.17) 0.0%, oklch(66.54% 0.1761 330.03) 1.8%, oklch(65.50% 0.1737 328.62) 3.6%, oklch(64.23% 0.1709 326.97) 5.5%, oklch(62.79% 0.1678 325.13) 7.3%, oklch(61.24% 0.1643 323.11) 9.1%, oklch(59.61% 0.1607 320.97) 10.9%, oklch(57.96% 0.1571 318.74) 12.7%, oklch(56.34% 0.1535 316.43) 14.5%, oklch(54.80% 0.1502 314.10) 16.4%, oklch(53.38% 0.1471 311.78) 18.2%, oklch(52.13% 0.1445 309.50) 20.0%, oklch(51.11% 0.1425 307.28) 21.8%, oklch(50.35% 0.1411 305.18) 23.6%, oklch(49.92% 0.1405 303.20) 25.5%, oklch(49.72% 0.1407 300.95) 27.3%, oklch(49.71% 0.1416 298.36) 29.1%, oklch(49.86% 0.1432 295.53) 30.9%, oklch(50.17% 0.1452 292.56) 32.7%, oklch(50.62% 0.1477 289.57) 34.5%, oklch(51.19% 0.1503 286.67) 36.4%, oklch(51.87% 0.1532 283.95) 38.2%, oklch(52.64% 0.1560 281.53) 40.0%, oklch(53.49% 0.1587 279.52) 41.8%, oklch(54.40% 0.1613 278.01) 43.6%, oklch(55.36% 0.1635 277.13) 45.5%, oklch(56.35% 0.1652 276.97) 47.3%, oklch(57.37% 0.1664 277.65) 49.1%, oklch(58.42% 0.1670 279.38) 50.9%, oklch(59.75% 0.1673 282.76) 52.7%, oklch(61.32% 0.1676 287.61) 54.5%, oklch(63.08% 0.1676 293.62) 56.4%, oklch(64.97% 0.1675 300.47) 58.2%, oklch(66.94% 0.1671 307.86) 60.0%, oklch(68.91% 0.1666 315.45) 61.8%, oklch(70.83% 0.1658 322.95) 63.6%, oklch(72.64% 0.1647 330.04) 65.5%, oklch(74.28% 0.1634 336.40) 67.3%, oklch(75.69% 0.1618 341.73) 69.1%, oklch(76.81% 0.1599 345.70) 70.9%, oklch(77.58% 0.1576 348.01) 72.7%, oklch(77.93% 0.1550 348.34) 74.5%, oklch(77.82% 0.1519 346.41) 76.4%, oklch(77.24% 0.1480 342.30) 78.2%, oklch(76.25% 0.1435 336.32) 80.0%, oklch(74.92% 0.1384 328.81) 81.8%, oklch(73.33% 0.1329 320.10) 83.6%, oklch(71.53% 0.1271 310.51) 85.5%, oklch(69.61% 0.1212 300.36) 87.3%, oklch(67.63% 0.1154 289.99) 89.1%, oklch(65.65% 0.1096 279.73) 90.9%, oklch(63.75% 0.1042 269.89) 92.7%, oklch(61.99% 0.0992 260.80) 94.5%, oklch(60.45% 0.0948 252.80) 96.4%, oklch(59.18% 0.0911 246.21) 98.2%, oklch(58.27% 0.0882 241.35) 100.0%);

In these collections

Vaporwave gradients