Dreifarbiges Blau, Türkis und Hellgrün, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 45°: #2758c3, #17c8a3, #e6e99c, #70b1a3, #494f6b. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#2758c3
#0a62c6
#0070bb
#007db5
#008bb2
#009ab1
#00a9b0
#00b9ac
#17c8a3
#5fd299
#88da91
#a9df8d
#c3e48d
#d6e790
#e2e995
#e7ea99
#e6e99c
#dee79e
#d1e39f
#c0dda0
#acd4a2
#96caa3
#82bea4
#70b1a3
#62a2a1
#59939d
#538496
#50768d
#4e6984
#4c5e7a
#4b5572
#494f6b

CSS

background: linear-gradient(45deg in oklch, oklch(49.21% 0.1764 262.97) 0.0%, oklch(50.93% 0.1736 256.79) 3.2%, oklch(53.28% 0.1448 248.40) 6.5%, oklch(56.14% 0.1248 238.15) 9.7%, oklch(59.41% 0.1141 226.44) 12.9%, oklch(62.99% 0.1105 213.64) 16.1%, oklch(66.76% 0.1135 200.14) 19.4%, oklch(70.62% 0.1237 186.33) 22.6%, oklch(74.45% 0.1404 172.57) 25.8%, oklch(78.16% 0.1347 159.26) 29.0%, oklch(81.63% 0.1289 146.77) 32.3%, oklch(84.77% 0.1232 135.48) 35.5%, oklch(87.45% 0.1177 125.77) 38.7%, oklch(89.57% 0.1124 118.02) 41.9%, oklch(91.03% 0.1074 112.62) 45.2%, oklch(91.71% 0.1027 109.94) 48.4%, oklch(91.52% 0.0985 110.35) 51.6%, oklch(90.43% 0.0943 113.90) 54.8%, oklch(88.55% 0.0901 120.21) 58.1%, oklch(86.00% 0.0859 128.88) 61.3%, oklch(82.87% 0.0818 139.54) 64.5%, oklch(79.30% 0.0777 151.78) 67.7%, oklch(75.38% 0.0738 165.22) 71.0%, oklch(71.24% 0.0699 179.48) 74.2%, oklch(66.97% 0.0662 194.14) 77.4%, oklch(62.71% 0.0627 208.83) 80.6%, oklch(58.55% 0.0594 223.16) 83.9%, oklch(54.61% 0.0564 236.73) 87.1%, oklch(51.01% 0.0535 249.16) 90.3%, oklch(47.84% 0.0510 260.05) 93.5%, oklch(45.24% 0.0488 269.01) 96.8%, oklch(43.31% 0.0469 275.65) 100.0%);

In diesen Sammlungen

Chrysanthementee und Porzellan