# Dark green, gray and brown radial gradient

Dark green, gray and brown radial gradient with 32 colors: #052a2a, #062d2d, #053231, #053735, #053d3a, #07423e, #0c4742, #124a45, #194b48, #204d4b, #264e4c, #2b4e4d, #2f504b, #345148, #3b5140, #475037, #534d31, #5e4930, #664633, #6b4337, #724138, #7a3e37, #813c33, #87382c, #893527, #863125, #7e2d27, #702928, #612628, #512327, #442024, #3b1e22. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYQh2KrhU-7OOP02FK9t6u-qMRPY`
- Page: https://grabient.com/kYQh2KrhU-7OOP02FK9t6u-qMRPY?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.9 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 | `#052a2a` | `oklch(25.98% 0.0400 194.77)` | Black Box | white, 15.3 to 1 |
| 2 | `#062d2d` | `oklch(27.12% 0.0422 193.85)` | Roof Tile Green | white, 14.7 to 1 |
| 3 | `#053231` | `oklch(28.74% 0.0457 192.55)` | Nora’s Forest | white, 13.9 to 1 |
| 4 | `#053735` | `oklch(30.63% 0.0497 191.03)` | Shrub Green | white, 13 to 1 |
| 5 | `#053d3a` | `oklch(32.61% 0.0535 189.42)` | Rich Black | white, 12 to 1 |
| 6 | `#07423e` | `oklch(34.46% 0.0565 187.88)` | Warm Black | white, 11.2 to 1 |
| 7 | `#0c4742` | `oklch(35.97% 0.0578 186.54)` | Cyprus | white, 10.5 to 1 |
| 8 | `#124a45` | `oklch(37.09% 0.0569 186.45)` | Country Squire | white, 10.1 to 1 |
| 9 | `#194b48` | `oklch(37.98% 0.0539 188.56)` | Swamp Mausoleum | white, 9.7 to 1 |
| 10 | `#204d4b` | `oklch(38.71% 0.0496 191.22)` | Hornblende Green | white, 9.4 to 1 |
| 11 | `#264e4c` | `oklch(39.32% 0.0451 192.69)` | Hornblende Green | white, 9.2 to 1 |
| 12 | `#2b4e4d` | `oklch(39.85% 0.0412 191.24)` | Similar to Slate | white, 9 to 1 |
| 13 | `#2f504b` | `oklch(40.35% 0.0388 185.15)` | Dark Slate Grey | white, 8.8 to 1 |
| 14 | `#345148` | `oklch(40.84% 0.0387 172.28)` | Sharknado | white, 8.7 to 1 |
| 15 | `#3b5140` | `oklch(41.25% 0.0394 151.38)` | Angry Gremlin | white, 8.5 to 1 |
| 16 | `#475037` | `oklch(41.58% 0.0411 125.44)` | Green Shade Wash | white, 8.4 to 1 |
| 17 | `#534d31` | `oklch(41.87% 0.0439 97.77)` | Thatch Green | white, 8.4 to 1 |
| 18 | `#5e4930` | `oklch(42.13% 0.0477 71.69)` | Nightingale | white, 8.4 to 1 |
| 19 | `#664633` | `oklch(42.37% 0.0528 50.51)` | Copra | white, 8.4 to 1 |
| 20 | `#6b4337` | `oklch(42.65% 0.0596 37.23)` | Rugged Brown | white, 8.4 to 1 |
| 21 | `#724138` | `oklch(43.18% 0.0704 30.61)` | Rich Chocolate | white, 8.3 to 1 |
| 22 | `#7a3e37` | `oklch(43.83% 0.0840 28.51)` | Red Pepper | white, 8.1 to 1 |
| 23 | `#813c33` | `oklch(44.39% 0.0980 29.18)` | Russet Brown | white, 8 to 1 |
| 24 | `#87382c` | `oklch(44.65% 0.1101 30.88)` | Crabapple | white, 7.9 to 1 |
| 25 | `#893527` | `oklch(44.40% 0.1180 31.86)` | Burnt Umber | white, 8 to 1 |
| 26 | `#863125` | `oklch(43.43% 0.1195 30.46)` | Kofta Brown | white, 8.4 to 1 |
| 27 | `#7e2d27` | `oklch(41.42% 0.1132 27.38)` | Warmth of Teamwork | white, 9.1 to 1 |
| 28 | `#702928` | `oklch(38.60% 0.1011 23.73)` | Woody Brown | white, 10.2 to 1 |
| 29 | `#612628` | `oklch(35.38% 0.0857 19.89)` | Ebicha Brown | white, 11.6 to 1 |
| 30 | `#512327` | `oklch(32.18% 0.0698 16.22)` | Lonestar | white, 13 to 1 |
| 31 | `#442024` | `oklch(29.44% 0.0560 13.09)` | Dark Mahogany | white, 14.2 to 1 |
| 32 | `#3b1e22` | `oklch(27.56% 0.0469 10.89)` | Warm Balaclavas Are Forever | white, 15 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #052a2a 0.0%, #062d2d 3.2%, #053231 6.5%, #053735 9.7%, #053d3a 12.9%, #07423e 16.1%, #0c4742 19.4%, #124a45 22.6%, #194b48 25.8%, #204d4b 29.0%, #264e4c 32.3%, #2b4e4d 35.5%, #2f504b 38.7%, #345148 41.9%, #3b5140 45.2%, #475037 48.4%, #534d31 51.6%, #5e4930 54.8%, #664633 58.1%, #6b4337 61.3%, #724138 64.5%, #7a3e37 67.7%, #813c33 71.0%, #87382c 74.2%, #893527 77.4%, #863125 80.6%, #7e2d27 83.9%, #702928 87.1%, #612628 90.3%, #512327 93.5%, #442024 96.8%, #3b1e22 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.98% 0.0400 194.77) 0.0%, oklch(27.12% 0.0422 193.85) 3.2%, oklch(28.74% 0.0457 192.55) 6.5%, oklch(30.63% 0.0497 191.03) 9.7%, oklch(32.61% 0.0535 189.42) 12.9%, oklch(34.46% 0.0565 187.88) 16.1%, oklch(35.97% 0.0578 186.54) 19.4%, oklch(37.09% 0.0569 186.45) 22.6%, oklch(37.98% 0.0539 188.56) 25.8%, oklch(38.71% 0.0496 191.22) 29.0%, oklch(39.32% 0.0451 192.69) 32.3%, oklch(39.85% 0.0412 191.24) 35.5%, oklch(40.35% 0.0388 185.15) 38.7%, oklch(40.84% 0.0387 172.28) 41.9%, oklch(41.25% 0.0394 151.38) 45.2%, oklch(41.58% 0.0411 125.44) 48.4%, oklch(41.87% 0.0439 97.77) 51.6%, oklch(42.13% 0.0477 71.69) 54.8%, oklch(42.37% 0.0528 50.51) 58.1%, oklch(42.65% 0.0596 37.23) 61.3%, oklch(43.18% 0.0704 30.61) 64.5%, oklch(43.83% 0.0840 28.51) 67.7%, oklch(44.39% 0.0980 29.18) 71.0%, oklch(44.65% 0.1101 30.88) 74.2%, oklch(44.40% 0.1180 31.86) 77.4%, oklch(43.43% 0.1195 30.46) 80.6%, oklch(41.42% 0.1132 27.38) 83.9%, oklch(38.60% 0.1011 23.73) 87.1%, oklch(35.38% 0.0857 19.89) 90.3%, oklch(32.18% 0.0698 16.22) 93.5%, oklch(29.44% 0.0560 13.09) 96.8%, oklch(27.56% 0.0469 10.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.04 | 194.8 |
| 2 | 0.362 | 0.058 | 186.3 |
| 3 | 0.406 | 0.039 | 181 |
| 4 | 0.425 | 0.056 | 41.5 |
| 5 | 0.437 | 0.12 | 31 |
| 6 | 0.276 | 0.047 | 10.9 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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