Analoges Grau, Olivgrün und Beige, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 90°: #48533b, #6f7d4f, #97a56b, #b7c28a, #d5dbad. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

4 bearbeitbare OKLCH-Keyframes.

#48533b
#4a563c
#4e5a3e
#525f41
#576543
#5d6b46
#637149
#69774c
#6f7d4f
#758352
#7a8955
#7f8e58
#84935c
#89975f
#8e9c63
#93a067
#97a56b
#9ca96f
#a0ae74
#a5b278
#a9b67c
#aeba80
#b2be85
#b7c28a
#bbc58f
#c0c994
#c4cd99
#c8d09e
#ccd3a3
#cfd6a7
#d2d9aa
#d5dbad

CSS

background: linear-gradient(90deg in oklch, oklch(42.52% 0.0413 128.67) 0.0%, oklch(43.59% 0.0434 128.23) 3.2%, oklch(44.99% 0.0463 127.64) 6.5%, oklch(46.64% 0.0498 126.94) 9.7%, oklch(48.50% 0.0536 126.15) 12.9%, oklch(50.49% 0.0577 125.31) 16.1%, oklch(52.57% 0.0618 124.46) 19.4%, oklch(54.66% 0.0658 123.61) 22.6%, oklch(56.72% 0.0695 122.80) 25.8%, oklch(58.68% 0.0726 122.08) 29.0%, oklch(60.47% 0.0751 121.45) 32.3%, oklch(62.10% 0.0769 120.95) 35.5%, oklch(63.68% 0.0783 120.54) 38.7%, oklch(65.22% 0.0793 120.18) 41.9%, oklch(66.74% 0.0799 119.88) 45.2%, oklch(68.22% 0.0803 119.61) 48.4%, oklch(69.67% 0.0805 119.37) 51.6%, oklch(71.08% 0.0804 119.14) 54.8%, oklch(72.46% 0.0801 118.89) 58.1%, oklch(73.81% 0.0796 118.63) 61.3%, oklch(75.13% 0.0790 118.33) 64.5%, oklch(76.41% 0.0783 117.98) 67.7%, oklch(77.71% 0.0771 117.58) 71.0%, oklch(79.03% 0.0755 117.14) 74.2%, oklch(80.33% 0.0737 116.67) 77.4%, oklch(81.61% 0.0716 116.19) 80.6%, oklch(82.83% 0.0694 115.71) 83.9%, oklch(83.97% 0.0672 115.25) 87.1%, oklch(85.03% 0.0651 114.83) 90.3%, oklch(85.96% 0.0633 114.45) 93.5%, oklch(86.76% 0.0617 114.12) 96.8%, oklch(87.40% 0.0606 113.88) 100.0%);

In diesen Sammlungen

Monochrome Farbverläufe in Grün