Violett, Grau, Hellblau und Dunkelviolett, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 135°: #745478, #a6b3ce, #d9ecf5, #8393af, #3c2047. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#745478
#775a7f
#7b6288
#806d93
#86799f
#8c87ab
#9495b8
#9ca4c3
#a6b3ce
#b0c0d8
#bacde1
#c5d8e8
#cee2ef
#d5e9f3
#daedf6
#dbeff7
#d9ecf5
#d3e7f0
#c9dee9
#bdd3e0
#afc5d5
#a0b5c9
#91a4bc
#8393af
#7680a0
#6a6e92
#5f5d83
#564d74
#4e3e66
#473259
#41284f
#3c2047

CSS

background: linear-gradient(135deg in oklch, oklch(49.21% 0.0689 322.73) 0.0%, oklch(51.04% 0.0671 318.80) 3.2%, oklch(53.56% 0.0645 313.48) 6.5%, oklch(56.66% 0.0615 307.03) 9.7%, oklch(60.21% 0.0580 299.65) 12.9%, oklch(64.09% 0.0541 291.60) 16.1%, oklch(68.17% 0.0501 283.10) 19.4%, oklch(72.34% 0.0460 274.39) 22.6%, oklch(76.46% 0.0419 265.69) 25.8%, oklch(80.43% 0.0379 257.24) 29.0%, oklch(84.10% 0.0342 249.27) 32.3%, oklch(87.37% 0.0308 242.02) 35.5%, oklch(90.10% 0.0280 235.72) 38.7%, oklch(92.18% 0.0257 230.59) 41.9%, oklch(93.48% 0.0242 226.87) 45.2%, oklch(93.88% 0.0234 224.80) 48.4%, oklch(93.25% 0.0237 224.60) 51.6%, oklch(91.53% 0.0249 226.23) 54.8%, oklch(88.86% 0.0269 229.50) 58.1%, oklch(85.37% 0.0297 234.16) 61.3%, oklch(81.19% 0.0330 239.99) 64.5%, oklch(76.47% 0.0369 246.77) 67.7%, oklch(71.35% 0.0411 254.26) 71.0%, oklch(65.96% 0.0456 262.24) 74.2%, oklch(60.45% 0.0502 270.48) 77.4%, oklch(54.94% 0.0548 278.75) 80.6%, oklch(49.59% 0.0593 286.84) 83.9%, oklch(44.53% 0.0636 294.50) 87.1%, oklch(39.89% 0.0675 301.51) 90.3%, oklch(35.81% 0.0709 307.65) 93.5%, oklch(32.45% 0.0737 312.69) 96.8%, oklch(29.92% 0.0758 316.39) 100.0%);

In diesen Sammlungen

Farbverläufe in Blau und Mauve