Dreifarbiges Türkis, Olivgrün und Braun, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 45°: #245550, #6b9d5c, #c79721, #ca6f37, #99482f. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

4 bearbeitbare OKLCH-Keyframes.

#245550
#255a53
#296257
#2e6b5a
#35765e
#3f8160
#4c8b60
#5b955f
#6b9d5c
#7ba457
#8aa850
#97a949
#a3a840
#aea636
#b8a22d
#c19d25
#c79721
#cc9120
#d08b23
#d28428
#d27f2d
#d17a32
#cf7435
#ca6f37
#c46937
#bd6337
#b65d36
#af5834
#a85332
#a14f31
#9c4b2f
#99482f

CSS

background: linear-gradient(45deg in oklch, oklch(41.34% 0.0537 186.33) 0.0%, oklch(43.07% 0.0578 182.70) 3.2%, oklch(45.45% 0.0633 178.08) 6.5%, oklch(48.33% 0.0699 172.62) 9.7%, oklch(51.54% 0.0773 166.49) 12.9%, oklch(54.92% 0.0851 159.86) 16.1%, oklch(58.31% 0.0931 152.90) 19.4%, oklch(61.56% 0.1009 145.77) 22.6%, oklch(64.51% 0.1081 138.63) 25.8%, oklch(66.98% 0.1146 131.67) 29.0%, oklch(68.84% 0.1198 125.03) 32.3%, oklch(70.01% 0.1238 118.67) 35.5%, oklch(70.74% 0.1273 111.97) 38.7%, oklch(71.10% 0.1301 105.02) 41.9%, oklch(71.14% 0.1325 97.94) 45.2%, oklch(70.90% 0.1344 90.88) 48.4%, oklch(70.43% 0.1359 83.95) 51.6%, oklch(69.78% 0.1369 77.31) 54.8%, oklch(68.98% 0.1376 71.06) 58.1%, oklch(68.10% 0.1380 65.36) 61.3%, oklch(67.16% 0.1380 60.32) 64.5%, oklch(66.20% 0.1376 56.08) 67.7%, oklch(64.96% 0.1366 52.54) 71.0%, oklch(63.41% 0.1347 49.59) 74.2%, oklch(61.64% 0.1324 47.16) 77.4%, oklch(59.73% 0.1296 45.17) 80.6%, oklch(57.77% 0.1266 43.55) 83.9%, oklch(55.83% 0.1236 42.23) 87.1%, oklch(54.00% 0.1207 41.12) 90.3%, oklch(52.37% 0.1180 40.16) 93.5%, oklch(51.01% 0.1159 39.28) 96.8%, oklch(50.00% 0.1144 38.38) 100.0%);

In diesen Sammlungen

Nachmittag in der Mosterei