Braun, Weiß, Hellblau und Türkis, linearer Farbverlauf

Linearer Farbverlauf, 64 Farben im Winkel von 225°: #5c4404, #93aa92, #edffff, #b1ece6, #5ec19a. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#5c4404
#5d470b
#5f4c12
#615019
#635520
#665b28
#686130
#6b6838
#6e6f41
#71764a
#757d54
#79845e
#7d8c68
#829473
#879b7d
#8da388
#93aa92
#99b29c
#a0b9a7
#a7c0b0
#aec7ba
#b6cec3
#bdd4cb
#c4dbd3
#cbe0db
#d1e6e1
#d7ebe8
#dcf0ed
#e1f4f2
#e5f8f7
#e9fbfa
#ebfdfd
#edffff
#f3ffff
#f5ffff
#f5ffff
#f4ffff
#f0feff
#eafeff
#e3feff
#dbfdfe
#d6fcfc
#d1faf9
#cbf7f6
#c5f5f3
#bff2ef
#b8efeb
#b1ece6
#aae9e1
#a4e6dc
#9de3d7
#96dfd2
#90dccc
#89d9c7
#83d6c1
#7dd3bc
#78d0b6
#73cdb1
#6ecaac
#6ac8a7
#66c6a3
#63c4a0
#60c29c
#5ec19a

CSS

background: linear-gradient(225deg in oklch, oklch(40.16% 0.0799 85.08) 0.0%, oklch(41.18% 0.0788 87.04) 1.6%, oklch(42.39% 0.0775 89.34) 3.2%, oklch(43.77% 0.0759 91.97) 4.8%, oklch(45.32% 0.0741 94.89) 6.3%, oklch(47.01% 0.0721 98.09) 7.9%, oklch(48.83% 0.0699 101.53) 9.5%, oklch(50.78% 0.0676 105.20) 11.1%, oklch(52.83% 0.0652 109.07) 12.7%, oklch(54.97% 0.0626 113.11) 14.3%, oklch(57.19% 0.0599 117.30) 15.9%, oklch(59.48% 0.0572 121.61) 17.5%, oklch(61.82% 0.0544 126.03) 19.0%, oklch(64.19% 0.0516 130.52) 20.6%, oklch(66.59% 0.0488 135.07) 22.2%, oklch(69.01% 0.0460 139.64) 23.8%, oklch(71.42% 0.0432 144.21) 25.4%, oklch(73.81% 0.0405 148.76) 27.0%, oklch(76.18% 0.0379 153.26) 28.6%, oklch(78.50% 0.0353 157.70) 30.2%, oklch(80.77% 0.0328 162.04) 31.7%, oklch(82.97% 0.0305 166.25) 33.3%, oklch(85.08% 0.0284 170.32) 34.9%, oklch(87.10% 0.0264 174.23) 36.5%, oklch(89.01% 0.0246 177.94) 38.1%, oklch(90.79% 0.0230 181.43) 39.7%, oklch(92.44% 0.0216 184.67) 41.3%, oklch(93.93% 0.0205 187.65) 42.9%, oklch(95.26% 0.0197 190.34) 44.4%, oklch(96.41% 0.0192 192.71) 46.0%, oklch(97.37% 0.0190 194.74) 47.6%, oklch(98.13% 0.0191 196.41) 49.2%, oklch(98.67% 0.0183 197.64) 50.8%, oklch(99.02% 0.0128 198.59) 52.4%, oklch(99.20% 0.0102 199.24) 54.0%, oklch(99.21% 0.0099 199.62) 55.6%, oklch(99.06% 0.0117 199.76) 57.1%, oklch(98.77% 0.0153 199.65) 58.7%, oklch(98.35% 0.0210 199.32) 60.3%, oklch(97.80% 0.0287 198.76) 61.9%, oklch(97.14% 0.0353 198.03) 63.5%, oklch(96.37% 0.0385 197.10) 65.1%, oklch(95.51% 0.0417 196.00) 66.7%, oklch(94.56% 0.0452 194.75) 68.3%, oklch(93.55% 0.0488 193.38) 69.8%, oklch(92.47% 0.0524 191.90) 71.4%, oklch(91.34% 0.0562 190.32) 73.0%, oklch(90.16% 0.0600 188.67) 74.6%, oklch(88.95% 0.0639 186.95) 76.2%, oklch(87.73% 0.0677 185.19) 77.8%, oklch(86.49% 0.0716 183.41) 79.4%, oklch(85.25% 0.0754 181.61) 81.0%, oklch(84.02% 0.0792 179.82) 82.5%, oklch(82.80% 0.0829 178.05) 84.1%, oklch(81.62% 0.0865 176.33) 85.7%, oklch(80.48% 0.0899 174.66) 87.3%, oklch(79.39% 0.0932 173.07) 88.9%, oklch(78.36% 0.0964 171.56) 90.5%, oklch(77.40% 0.0993 170.17) 92.1%, oklch(76.52% 0.1020 168.89) 93.7%, oklch(75.73% 0.1045 167.76) 95.2%, oklch(75.04% 0.1067 166.79) 96.8%, oklch(74.47% 0.1086 166.00) 98.4%, oklch(74.02% 0.1102 165.39) 100.0%);

In diesen Sammlungen

Küsten-Farbverläufe