Analoges Türkis, Violett, Blau und Grau, linearer Farbverlauf

Farbpalette Analoges Türkis, Violett, Blau und Grau

Linearer Farbverlauf, 32 Farben im Winkel von 225°: #12323f, #49c0b9, #6b61a3, #16496f, #e8f2f0. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

5 bearbeitbare OKLCH-Keyframes.

#12323f
#163d4a
#1c4e5b
#23646d
#2c7b80
#389392
#42a8a1
#49b8ae
#49c0b9
#41c0c4
#3db8ce
#45abd3
#5599d1
#6387c8
#6b76bb
#6e69ad
#6b61a3
#62599a
#555190
#464a86
#36457d
#284376
#1c4470
#16496f
#1d5474
#31677f
#4d7e8e
#6f99a1
#93b4b7
#b6cdcd
#d3e3e1
#e8f2f0

CSS

background: linear-gradient(225deg in oklch, oklch(29.92% 0.0441 227.81) 0.0%, oklch(33.88% 0.0494 223.68) 3.2%, oklch(39.65% 0.0570 217.08) 6.5%, oklch(46.55% 0.0660 209.16) 9.7%, oklch(53.90% 0.0757 201.07) 12.9%, oklch(60.99% 0.0853 193.95) 16.1%, oklch(67.15% 0.0940 188.95) 19.4%, oklch(71.69% 0.1010 187.20) 22.6%, oklch(73.95% 0.1056 189.90) 25.8%, oklch(74.03% 0.1082 198.45) 29.0%, oklch(72.49% 0.1094 211.73) 32.3%, oklch(69.74% 0.1095 227.92) 35.5%, oklch(66.24% 0.1087 245.20) 38.7%, oklch(62.42% 0.1074 261.76) 41.9%, oklch(58.72% 0.1058 275.78) 45.2%, oklch(55.56% 0.1041 285.43) 48.4%, oklch(53.12% 0.1027 289.27) 51.6%, oklch(50.16% 0.1013 288.76) 54.8%, oklch(46.81% 0.0999 284.96) 58.1%, oklch(43.51% 0.0982 278.71) 61.3%, oklch(40.68% 0.0959 270.81) 64.5%, oklch(38.73% 0.0930 262.08) 67.7%, oklch(38.09% 0.0891 253.35) 71.0%, oklch(39.17% 0.0841 245.42) 74.2%, oklch(42.60% 0.0775 238.14) 77.4%, oklch(48.65% 0.0685 229.76) 80.6%, oklch(56.54% 0.0581 220.67) 83.9%, oklch(65.46% 0.0470 211.39) 87.1%, oklch(74.61% 0.0359 202.42) 90.3%, oklch(83.16% 0.0257 194.25) 93.5%, oklch(90.32% 0.0171 187.40) 96.8%, oklch(95.28% 0.0110 182.37) 100.0%);

In diesen Sammlungen

Kühle Farbverläufe