Zweifarbiges Grün bis Braun, radialer Farbverlauf

Radialer Farbverlauf, 32 Farben: #3b9000, #6f5e00, #533400, #3b1e00, #351500. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

4 bearbeitbare OKLCH-Keyframes.

#3b9000
#498c00
#558600
#5e7f00
#657800
#6a7200
#6d6b00
#6f6400
#6f5e00
#6e5800
#6c5200
#6a4d00
#664800
#624300
#5d3e00
#583900
#533400
#4e3000
#4a2c00
#452800
#422500
#3f2200
#3d2000
#3b1e00
#391c00
#381b00
#371900
#371800
#361700
#361700
#351600
#351500

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(57.87% 0.1782 137.82) 0.0%, oklch(57.14% 0.1661 134.72) 3.2%, oklch(56.23% 0.1527 130.58) 6.5%, oklch(55.15% 0.1397 125.63) 9.7%, oklch(53.94% 0.1282 120.08) 12.9%, oklch(52.62% 0.1184 114.18) 16.1%, oklch(51.22% 0.1105 108.14) 19.4%, oklch(49.77% 0.1043 102.20) 22.6%, oklch(48.29% 0.0995 96.58) 25.8%, oklch(46.81% 0.0957 91.51) 29.0%, oklch(45.36% 0.0928 87.21) 32.3%, oklch(43.91% 0.0902 83.78) 35.5%, oklch(42.33% 0.0875 80.86) 38.7%, oklch(40.66% 0.0847 78.35) 41.9%, oklch(38.93% 0.0817 76.18) 45.2%, oklch(37.17% 0.0787 74.30) 48.4%, oklch(35.43% 0.0756 72.63) 51.6%, oklch(33.76% 0.0726 71.10) 54.8%, oklch(32.18% 0.0698 69.66) 58.1%, oklch(30.73% 0.0673 68.23) 61.3%, oklch(29.47% 0.0652 66.76) 64.5%, oklch(28.42% 0.0637 65.17) 67.7%, oklch(27.54% 0.0625 63.58) 71.0%, oklch(26.81% 0.0617 62.03) 74.2%, oklch(26.21% 0.0611 60.54) 77.4%, oklch(25.72% 0.0608 59.11) 80.6%, oklch(25.31% 0.0607 57.77) 83.9%, oklch(24.98% 0.0608 56.53) 87.1%, oklch(24.71% 0.0609 55.40) 90.3%, oklch(24.47% 0.0610 54.40) 93.5%, oklch(24.24% 0.0611 53.54) 96.8%, oklch(24.02% 0.0611 52.83) 100.0%);