Zweifarbiges Grün und Braun, radiale Farbfelder

Radiale Farbfelder, 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%, oklch(57.87% 0.1782 137.82) 0.000% 3.125%, oklch(57.14% 0.1661 134.72) 3.125% 6.250%, oklch(56.23% 0.1527 130.58) 6.250% 9.375%, oklch(55.15% 0.1397 125.63) 9.375% 12.500%, oklch(53.94% 0.1282 120.08) 12.500% 15.625%, oklch(52.62% 0.1184 114.18) 15.625% 18.750%, oklch(51.22% 0.1105 108.14) 18.750% 21.875%, oklch(49.77% 0.1043 102.20) 21.875% 25.000%, oklch(48.29% 0.0995 96.58) 25.000% 28.125%, oklch(46.81% 0.0957 91.51) 28.125% 31.250%, oklch(45.36% 0.0928 87.21) 31.250% 34.375%, oklch(43.91% 0.0902 83.78) 34.375% 37.500%, oklch(42.33% 0.0875 80.86) 37.500% 40.625%, oklch(40.66% 0.0847 78.35) 40.625% 43.750%, oklch(38.93% 0.0817 76.18) 43.750% 46.875%, oklch(37.17% 0.0787 74.30) 46.875% 50.000%, oklch(35.43% 0.0756 72.63) 50.000% 53.125%, oklch(33.76% 0.0726 71.10) 53.125% 56.250%, oklch(32.18% 0.0698 69.66) 56.250% 59.375%, oklch(30.73% 0.0673 68.23) 59.375% 62.500%, oklch(29.47% 0.0652 66.76) 62.500% 65.625%, oklch(28.42% 0.0637 65.17) 65.625% 68.750%, oklch(27.54% 0.0625 63.58) 68.750% 71.875%, oklch(26.81% 0.0617 62.03) 71.875% 75.000%, oklch(26.21% 0.0611 60.54) 75.000% 78.125%, oklch(25.72% 0.0608 59.11) 78.125% 81.250%, oklch(25.31% 0.0607 57.77) 81.250% 84.375%, oklch(24.98% 0.0608 56.53) 84.375% 87.500%, oklch(24.71% 0.0609 55.40) 87.500% 90.625%, oklch(24.47% 0.0610 54.40) 90.625% 93.750%, oklch(24.24% 0.0611 53.54) 93.750% 96.875%, oklch(24.02% 0.0611 52.83) 96.875% 100.000%);