# Black green forest ember

Analogous olive, black and beige radial gradient with 64 colors: #727415, #6e7116, #696e17, #626a17, #5b6618, #536119, #4b5b19, #435619, #3b5019, #334a19, #2b4318, #243d17, #1d3715, #173214, #122c12, #0e2710, #0a230e, #071f0c, #061c0b, #05190a, #051709, #051608, #061608, #071608, #0a1708, #0c1808, #101a08, #131c09, #181f09, #1d210a, #22240b, #28270c, #2e2b0e, #352e11, #3c3214, #443617, #4b3a1b, #523e20, #5a4325, #61472a, #684c2f, #6e5134, #74553a, #7a5b3f, #806145, #87674b, #8d6e52, #947659, #9b7e60, #a28767, #a88f6f, #af9877, #b6a180, #bcab88, #c3b491, #c9bc9a, #cfc5a2, #d5cdab, #dad5b3, #dfdcba, #e4e3c1, #e8e9c8, #eceece, #f0f3d2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous olive, black and beige radial gradient
- Seed: `kUiVBOlw3EbyVNd5D8Wg`
- Page: https://grabient.com/kUiVBOlw3EbyVNd5D8Wg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 16.3 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#727415` | `oklch(53.94% 0.1102 110.39)` | Spinach Soup | white, 4.9 to 1 |
| 2 | `#6e7116` | `oklch(52.93% 0.1082 111.51)` | Bronze Yellow | white, 5.1 to 1 |
| 3 | `#696e17` | `oklch(51.65% 0.1057 113.04)` | Brownish Green | white, 5.4 to 1 |
| 4 | `#626a17` | `oklch(50.13% 0.1028 114.91)` | Earthy Khaki Green | white, 5.8 to 1 |
| 5 | `#5b6618` | `oklch(48.39% 0.0995 117.08)` | Forestial Outpost | white, 6.2 to 1 |
| 6 | `#536119` | `oklch(46.47% 0.0959 119.49)` | Tabbouleh Green | white, 6.8 to 1 |
| 7 | `#4b5b19` | `oklch(44.41% 0.0920 122.09)` | Kyuri Green | white, 7.4 to 1 |
| 8 | `#435619` | `oklch(42.23% 0.0878 124.83)` | Verdun Green | white, 8.1 to 1 |
| 9 | `#3b5019` | `oklch(39.97% 0.0835 127.66)` | Godzilla | white, 8.9 to 1 |
| 10 | `#334a19` | `oklch(37.66% 0.0791 130.52)` | Treetop Cathedral | white, 9.8 to 1 |
| 11 | `#2b4318` | `oklch(35.34% 0.0747 133.36)` | Hinterlands Green | white, 10.8 to 1 |
| 12 | `#243d17` | `oklch(33.03% 0.0702 136.14)` | Queen of Trees | white, 11.9 to 1 |
| 13 | `#1d3715` | `oklch(30.77% 0.0658 138.78)` | Darkest Forest | white, 12.9 to 1 |
| 14 | `#173214` | `oklch(28.60% 0.0615 141.26)` | Dark Serpent | white, 14 to 1 |
| 15 | `#122c12` | `oklch(26.54% 0.0573 143.50)` | Nori Green | white, 15 to 1 |
| 16 | `#0e2710` | `oklch(24.63% 0.0534 145.47)` | Nori Green | white, 15.9 to 1 |
| 17 | `#0a230e` | `oklch(22.90% 0.0497 147.10)` | Nightmare | white, 16.7 to 1 |
| 18 | `#071f0c` | `oklch(21.38% 0.0463 148.35)` | Clock Chimes Thirteen | white, 17.3 to 1 |
| 19 | `#061c0b` | `oklch(20.11% 0.0434 149.15)` | Pinch of Pepper | white, 17.8 to 1 |
| 20 | `#05190a` | `oklch(19.12% 0.0408 149.47)` | Pinch of Pepper | white, 18.2 to 1 |
| 21 | `#051709` | `oklch(18.44% 0.0387 149.25)` | Oil Slick | white, 18.5 to 1 |
| 22 | `#051608` | `oklch(18.11% 0.0372 148.43)` | Oil Slick | white, 18.6 to 1 |
| 23 | `#061608` | `oklch(18.09% 0.0362 146.88)` | Oil Slick | white, 18.6 to 1 |
| 24 | `#071608` | `oklch(18.30% 0.0357 144.55)` | Pinch of Pepper | white, 18.5 to 1 |
| 25 | `#0a1708` | `oklch(18.74% 0.0356 141.52)` | Pinch of Pepper | white, 18.4 to 1 |
| 26 | `#0c1808` | `oklch(19.39% 0.0358 137.88)` | Pinch of Pepper | white, 18.2 to 1 |
| 27 | `#101a08` | `oklch(20.23% 0.0364 133.70)` | Pinch of Pepper | white, 17.8 to 1 |
| 28 | `#131c09` | `oklch(21.26% 0.0373 129.08)` | Pinch of Pepper | white, 17.4 to 1 |
| 29 | `#181f09` | `oklch(22.44% 0.0385 124.09)` | Nightmare | white, 17 to 1 |
| 30 | `#1d210a` | `oklch(23.77% 0.0398 118.82)` | Midnight Pines | white, 16.4 to 1 |
| 31 | `#22240b` | `oklch(25.24% 0.0414 113.36)` | Black Mesa | white, 15.7 to 1 |
| 32 | `#28270c` | `oklch(26.83% 0.0431 107.78)` | Black Mesa | white, 15 to 1 |
| 33 | `#2e2b0e` | `oklch(28.51% 0.0448 102.17)` | Secret Passage | white, 14.2 to 1 |
| 34 | `#352e11` | `oklch(30.29% 0.0466 96.62)` | Swamp of Sorrows | white, 13.4 to 1 |
| 35 | `#3c3214` | `oklch(32.13% 0.0484 91.20)` | Pullman Green | white, 12.6 to 1 |
| 36 | `#443617` | `oklch(34.03% 0.0502 86.01)` | Lisbon Brown | white, 11.7 to 1 |
| 37 | `#4b3a1b` | `oklch(35.98% 0.0518 81.12)` | Madras | white, 10.9 to 1 |
| 38 | `#523e20` | `oklch(37.94% 0.0534 76.61)` | Clove Yellow Brown | white, 10.1 to 1 |
| 39 | `#5a4325` | `oklch(39.92% 0.0548 72.58)` | Beech Brown | white, 9.3 to 1 |
| 40 | `#61472a` | `oklch(41.90% 0.0560 69.10)` | Nightingale | white, 8.5 to 1 |
| 41 | `#684c2f` | `oklch(43.85% 0.0569 66.26)` | Dallas | white, 7.9 to 1 |
| 42 | `#6e5134` | `oklch(45.77% 0.0576 64.15)` | Cowboy Boots | white, 7.2 to 1 |
| 43 | `#74553a` | `oklch(47.64% 0.0579 62.84)` | Black Jasmine Rice | white, 6.7 to 1 |
| 44 | `#7a5b3f` | `oklch(49.57% 0.0579 62.31)` | Wooden Cabin | white, 6.2 to 1 |
| 45 | `#806145` | `oklch(51.66% 0.0578 62.43)` | Fall in Season | white, 5.6 to 1 |
| 46 | `#87674b` | `oklch(53.91% 0.0575 63.16)` | Baked Cookie | white, 5.1 to 1 |
| 47 | `#8d6e52` | `oklch(56.28% 0.0570 64.43)` | Caravel Brown | white, 4.6 to 1 |
| 48 | `#947659` | `oklch(58.76% 0.0564 66.19)` | Spanish Style | black, 4.9 to 1 |
| 49 | `#9b7e60` | `oklch(61.32% 0.0557 68.36)` | Ginger Pie | black, 5.5 to 1 |
| 50 | `#a28767` | `oklch(63.94% 0.0549 70.90)` | Soft Bronze | black, 6.1 to 1 |
| 51 | `#a88f6f` | `oklch(66.60% 0.0540 73.74)` | Rodeo Roundup | black, 6.8 to 1 |
| 52 | `#af9877` | `oklch(69.29% 0.0531 76.83)` | Artisan Tan | black, 7.6 to 1 |
| 53 | `#b6a180` | `oklch(71.97% 0.0521 80.10)` | Montecito | black, 8.4 to 1 |
| 54 | `#bcab88` | `oklch(74.63% 0.0511 83.50)` | Bangalore | black, 9.2 to 1 |
| 55 | `#c3b491` | `oklch(77.24% 0.0500 86.97)` | Withered Moss | black, 10.2 to 1 |
| 56 | `#c9bc9a` | `oklch(79.79% 0.0490 90.45)` | Intimate Journal | black, 11.1 to 1 |
| 57 | `#cfc5a2` | `oklch(82.25% 0.0480 93.87)` | Sand Trail | black, 12.1 to 1 |
| 58 | `#d5cdab` | `oklch(84.61% 0.0470 97.19)` | Crystal Palace | black, 13.1 to 1 |
| 59 | `#dad5b3` | `oklch(86.83% 0.0461 100.33)` | Suna White | black, 14.1 to 1 |
| 60 | `#dfdcba` | `oklch(88.91% 0.0452 103.25)` | Endless Silk | black, 15.1 to 1 |
| 61 | `#e4e3c1` | `oklch(90.81% 0.0444 105.88)` | Spring Fever | black, 16 to 1 |
| 62 | `#e8e9c8` | `oklch(92.52% 0.0437 108.16)` | Pale Celery | black, 16.9 to 1 |
| 63 | `#eceece` | `oklch(94.02% 0.0431 110.04)` | Silkworm | black, 17.7 to 1 |
| 64 | `#f0f3d2` | `oklch(95.28% 0.0427 111.45)` | Screaming Skull | black, 18.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #727415 0.0%, #6e7116 1.6%, #696e17 3.2%, #626a17 4.8%, #5b6618 6.3%, #536119 7.9%, #4b5b19 9.5%, #435619 11.1%, #3b5019 12.7%, #334a19 14.3%, #2b4318 15.9%, #243d17 17.5%, #1d3715 19.0%, #173214 20.6%, #122c12 22.2%, #0e2710 23.8%, #0a230e 25.4%, #071f0c 27.0%, #061c0b 28.6%, #05190a 30.2%, #051709 31.7%, #051608 33.3%, #061608 34.9%, #071608 36.5%, #0a1708 38.1%, #0c1808 39.7%, #101a08 41.3%, #131c09 42.9%, #181f09 44.4%, #1d210a 46.0%, #22240b 47.6%, #28270c 49.2%, #2e2b0e 50.8%, #352e11 52.4%, #3c3214 54.0%, #443617 55.6%, #4b3a1b 57.1%, #523e20 58.7%, #5a4325 60.3%, #61472a 61.9%, #684c2f 63.5%, #6e5134 65.1%, #74553a 66.7%, #7a5b3f 68.3%, #806145 69.8%, #87674b 71.4%, #8d6e52 73.0%, #947659 74.6%, #9b7e60 76.2%, #a28767 77.8%, #a88f6f 79.4%, #af9877 81.0%, #b6a180 82.5%, #bcab88 84.1%, #c3b491 85.7%, #c9bc9a 87.3%, #cfc5a2 88.9%, #d5cdab 90.5%, #dad5b3 92.1%, #dfdcba 93.7%, #e4e3c1 95.2%, #e8e9c8 96.8%, #eceece 98.4%, #f0f3d2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.94% 0.1102 110.39) 0.0%, oklch(52.93% 0.1082 111.51) 1.6%, oklch(51.65% 0.1057 113.04) 3.2%, oklch(50.13% 0.1028 114.91) 4.8%, oklch(48.39% 0.0995 117.08) 6.3%, oklch(46.47% 0.0959 119.49) 7.9%, oklch(44.41% 0.0920 122.09) 9.5%, oklch(42.23% 0.0878 124.83) 11.1%, oklch(39.97% 0.0835 127.66) 12.7%, oklch(37.66% 0.0791 130.52) 14.3%, oklch(35.34% 0.0747 133.36) 15.9%, oklch(33.03% 0.0702 136.14) 17.5%, oklch(30.77% 0.0658 138.78) 19.0%, oklch(28.60% 0.0615 141.26) 20.6%, oklch(26.54% 0.0573 143.50) 22.2%, oklch(24.63% 0.0534 145.47) 23.8%, oklch(22.90% 0.0497 147.10) 25.4%, oklch(21.38% 0.0463 148.35) 27.0%, oklch(20.11% 0.0434 149.15) 28.6%, oklch(19.12% 0.0408 149.47) 30.2%, oklch(18.44% 0.0387 149.25) 31.7%, oklch(18.11% 0.0372 148.43) 33.3%, oklch(18.09% 0.0362 146.88) 34.9%, oklch(18.30% 0.0357 144.55) 36.5%, oklch(18.74% 0.0356 141.52) 38.1%, oklch(19.39% 0.0358 137.88) 39.7%, oklch(20.23% 0.0364 133.70) 41.3%, oklch(21.26% 0.0373 129.08) 42.9%, oklch(22.44% 0.0385 124.09) 44.4%, oklch(23.77% 0.0398 118.82) 46.0%, oklch(25.24% 0.0414 113.36) 47.6%, oklch(26.83% 0.0431 107.78) 49.2%, oklch(28.51% 0.0448 102.17) 50.8%, oklch(30.29% 0.0466 96.62) 52.4%, oklch(32.13% 0.0484 91.20) 54.0%, oklch(34.03% 0.0502 86.01) 55.6%, oklch(35.98% 0.0518 81.12) 57.1%, oklch(37.94% 0.0534 76.61) 58.7%, oklch(39.92% 0.0548 72.58) 60.3%, oklch(41.90% 0.0560 69.10) 61.9%, oklch(43.85% 0.0569 66.26) 63.5%, oklch(45.77% 0.0576 64.15) 65.1%, oklch(47.64% 0.0579 62.84) 66.7%, oklch(49.57% 0.0579 62.31) 68.3%, oklch(51.66% 0.0578 62.43) 69.8%, oklch(53.91% 0.0575 63.16) 71.4%, oklch(56.28% 0.0570 64.43) 73.0%, oklch(58.76% 0.0564 66.19) 74.6%, oklch(61.32% 0.0557 68.36) 76.2%, oklch(63.94% 0.0549 70.90) 77.8%, oklch(66.60% 0.0540 73.74) 79.4%, oklch(69.29% 0.0531 76.83) 81.0%, oklch(71.97% 0.0521 80.10) 82.5%, oklch(74.63% 0.0511 83.50) 84.1%, oklch(77.24% 0.0500 86.97) 85.7%, oklch(79.79% 0.0490 90.45) 87.3%, oklch(82.25% 0.0480 93.87) 88.9%, oklch(84.61% 0.0470 97.19) 90.5%, oklch(86.83% 0.0461 100.33) 92.1%, oklch(88.91% 0.0452 103.25) 93.7%, oklch(90.81% 0.0444 105.88) 95.2%, oklch(92.52% 0.0437 108.16) 96.8%, oklch(94.02% 0.0431 110.04) 98.4%, oklch(95.28% 0.0427 111.45) 100.0%);
```

## Keyframes

4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.11 | 110.4 |
| 2 | 0.181 | 0.037 | 148.4 |
| 3 | 0.476 | 0.058 | 62.8 |
| 4 | 0.953 | 0.043 | 111.4 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

- [JSON](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.json?style=radialGradient&steps=64&angle=0)
- [PNG](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.png?style=radialGradient&steps=64&angle=0)
- [SVG](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.svg?style=radialGradient&steps=64&angle=0)
- [CSS](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.css?style=radialGradient&steps=64&angle=0)
- [ASE](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.ase?style=radialGradient&steps=64&angle=0)
- [GPL](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.gpl?style=radialGradient&steps=64&angle=0)
- [GRD](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.grd?style=radialGradient&steps=64&angle=0)
- [Design tokens](https://grabient.com/kUiVBOlw3EbyVNd5D8Wg.tokens.json?style=radialGradient&steps=64&angle=0)
- [Social card](https://grabient.com/api/og?seed=kUiVBOlw3EbyVNd5D8Wg&style=radialGradient&steps=64&angle=0)
- [Palettes like this one](https://grabient.com/palettes?q=kUiVBOlw3EbyVNd5D8Wg)
- [Guide for agents](https://grabient.com/llms.txt)