# Brown, black, gray and green radial gradient

Brown, black, gray and green radial gradient with 40 colors: #975a44, #8b5938, #78572c, #615428, #494e2b, #36462f, #2a3d2f, #24352c, #223028, #222b23, #23271e, #25241a, #28211a, #2a201c, #2d2022, #312328, #372830, #423038, #523940, #644547, #78534c, #8a6350, #997356, #a6825f, #b48e6d, #c39b80, #d1a898, #dcb6b1, #e3c4c8, #e6d0d9, #e6d9e4, #e3dce8, #dad8e6, #c8cedf, #aec1d2, #90b2bd, #74a2a2, #619283, #598466, #597951. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYhz8dJYjOaSIqzSmEkcoayMSZq-`
- Page: https://grabient.com/kYhz8dJYjOaSIqzSmEkcoayMSZq-?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.8 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 | `#975a44` | `oklch(53.15% 0.0868 40.78)` | Rookwood Terra Cotta | white, 5.4 to 1 |
| 2 | `#8b5938` | `oklch(51.11% 0.0813 52.66)` | Brushwood | white, 5.8 to 1 |
| 3 | `#78572c` | `oklch(48.21% 0.0735 70.81)` | Arable Brown | white, 6.5 to 1 |
| 4 | `#615428` | `oklch(44.75% 0.0642 92.57)` | Tucumán Green | white, 7.5 to 1 |
| 5 | `#494e2b` | `oklch(41.01% 0.0541 115.27)` | Waiouru | white, 8.7 to 1 |
| 6 | `#36462f` | `oklch(37.30% 0.0441 136.28)` | Palm Leaf | white, 10.1 to 1 |
| 7 | `#2a3d2f` | `oklch(33.90% 0.0350 152.91)` | Celtic | white, 11.6 to 1 |
| 8 | `#24352c` | `oklch(31.12% 0.0276 162.52)` | Holly | white, 12.9 to 1 |
| 9 | `#223028` | `oklch(29.22% 0.0226 162.41)` | Quartzite | white, 13.8 to 1 |
| 10 | `#222b23` | `oklch(27.78% 0.0195 150.26)` | Quartzite | white, 14.5 to 1 |
| 11 | `#23271e` | `oklch(26.59% 0.0176 128.34)` | Bitter Liquorice | white, 15.1 to 1 |
| 12 | `#25241a` | `oklch(25.74% 0.0168 100.12)` | Underworld | white, 15.6 to 1 |
| 13 | `#28211a` | `oklch(25.32% 0.0169 69.10)` | Orka Black | white, 15.8 to 1 |
| 14 | `#2a201c` | `oklch(25.42% 0.0179 38.75)` | Weathervane | white, 15.8 to 1 |
| 15 | `#2d2022` | `oklch(26.12% 0.0196 12.54)` | Shikon | white, 15.5 to 1 |
| 16 | `#312328` | `oklch(27.53% 0.0219 353.97)` | Antique Burgundy | white, 14.9 to 1 |
| 17 | `#372830` | `oklch(29.76% 0.0247 346.31)` | Melanzane | white, 13.9 to 1 |
| 18 | `#423038` | `oklch(33.15% 0.0297 349.09)` | Disappearing Purple | white, 12.3 to 1 |
| 19 | `#523940` | `oklch(37.52% 0.0364 359.39)` | Monarch Velvet | white, 10.4 to 1 |
| 20 | `#644547` | `oklch(42.55% 0.0440 14.42)` | Purple Earth | white, 8.4 to 1 |
| 21 | `#78534c` | `oklch(47.95% 0.0515 31.34)` | Vandyck Brown | white, 6.7 to 1 |
| 22 | `#8a6350` | `oklch(53.42% 0.0583 47.33)` | Gaboon Viper | white, 5.2 to 1 |
| 23 | `#997356` | `oklch(58.64% 0.0634 59.59)` | Liver Chestnut | black, 4.9 to 1 |
| 24 | `#a6825f` | `oklch(63.31% 0.0660 65.28)` | Wooden Swing | black, 5.9 to 1 |
| 25 | `#b48e6d` | `oklch(67.43% 0.0651 62.63)` | Poncho | black, 7 to 1 |
| 26 | `#c39b80` | `oklch(71.87% 0.0605 54.66)` | Egyptian Pyramid | black, 8.2 to 1 |
| 27 | `#d1a898` | `oklch(76.45% 0.0531 42.62)` | Pink Ginger | black, 9.7 to 1 |
| 28 | `#dcb6b1` | `oklch(80.85% 0.0442 27.41)` | Tea Room | black, 11.3 to 1 |
| 29 | `#e3c4c8` | `oklch(84.75% 0.0350 9.90)` | Pink Pandora | black, 12.9 to 1 |
| 30 | `#e6d0d9` | `oklch(87.83% 0.0268 350.99)` | Nefarious Mauve | black, 14.3 to 1 |
| 31 | `#e6d9e4` | `oklch(89.77% 0.0207 331.57)` | Rajah Rose | black, 15.3 to 1 |
| 32 | `#e3dce8` | `oklch(90.26% 0.0180 312.53)` | Pale Muse | black, 15.6 to 1 |
| 33 | `#dad8e6` | `oklch(88.81% 0.0194 292.89)` | Misty Violet | black, 14.9 to 1 |
| 34 | `#c8cedf` | `oklch(85.25% 0.0242 269.97)` | Lilac Bisque | black, 13.3 to 1 |
| 35 | `#aec1d2` | `oklch(80.19% 0.0315 245.06)` | Airway | black, 11.3 to 1 |
| 36 | `#90b2bd` | `oklch(74.24% 0.0402 219.57)` | Lucy Blue | black, 9.3 to 1 |
| 37 | `#74a2a2` | `oklch(68.03% 0.0494 194.89)` | Delaware Blue Hen | black, 7.4 to 1 |
| 38 | `#619283` | `oklch(62.16% 0.0581 172.42)` | Stanford Green | black, 5.9 to 1 |
| 39 | `#598466` | `oklch(57.26% 0.0654 153.58)` | Soylent Green | black, 4.9 to 1 |
| 40 | `#597951` | `oklch(53.94% 0.0703 139.76)` | Torrey Pine | white, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #975a44 0.0%, #8b5938 2.6%, #78572c 5.1%, #615428 7.7%, #494e2b 10.3%, #36462f 12.8%, #2a3d2f 15.4%, #24352c 17.9%, #223028 20.5%, #222b23 23.1%, #23271e 25.6%, #25241a 28.2%, #28211a 30.8%, #2a201c 33.3%, #2d2022 35.9%, #312328 38.5%, #372830 41.0%, #423038 43.6%, #523940 46.2%, #644547 48.7%, #78534c 51.3%, #8a6350 53.8%, #997356 56.4%, #a6825f 59.0%, #b48e6d 61.5%, #c39b80 64.1%, #d1a898 66.7%, #dcb6b1 69.2%, #e3c4c8 71.8%, #e6d0d9 74.4%, #e6d9e4 76.9%, #e3dce8 79.5%, #dad8e6 82.1%, #c8cedf 84.6%, #aec1d2 87.2%, #90b2bd 89.7%, #74a2a2 92.3%, #619283 94.9%, #598466 97.4%, #597951 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.15% 0.0868 40.78) 0.0%, oklch(51.11% 0.0813 52.66) 2.6%, oklch(48.21% 0.0735 70.81) 5.1%, oklch(44.75% 0.0642 92.57) 7.7%, oklch(41.01% 0.0541 115.27) 10.3%, oklch(37.30% 0.0441 136.28) 12.8%, oklch(33.90% 0.0350 152.91) 15.4%, oklch(31.12% 0.0276 162.52) 17.9%, oklch(29.22% 0.0226 162.41) 20.5%, oklch(27.78% 0.0195 150.26) 23.1%, oklch(26.59% 0.0176 128.34) 25.6%, oklch(25.74% 0.0168 100.12) 28.2%, oklch(25.32% 0.0169 69.10) 30.8%, oklch(25.42% 0.0179 38.75) 33.3%, oklch(26.12% 0.0196 12.54) 35.9%, oklch(27.53% 0.0219 353.97) 38.5%, oklch(29.76% 0.0247 346.31) 41.0%, oklch(33.15% 0.0297 349.09) 43.6%, oklch(37.52% 0.0364 359.39) 46.2%, oklch(42.55% 0.0440 14.42) 48.7%, oklch(47.95% 0.0515 31.34) 51.3%, oklch(53.42% 0.0583 47.33) 53.8%, oklch(58.64% 0.0634 59.59) 56.4%, oklch(63.31% 0.0660 65.28) 59.0%, oklch(67.43% 0.0651 62.63) 61.5%, oklch(71.87% 0.0605 54.66) 64.1%, oklch(76.45% 0.0531 42.62) 66.7%, oklch(80.85% 0.0442 27.41) 69.2%, oklch(84.75% 0.0350 9.90) 71.8%, oklch(87.83% 0.0268 350.99) 74.4%, oklch(89.77% 0.0207 331.57) 76.9%, oklch(90.26% 0.0180 312.53) 79.5%, oklch(88.81% 0.0194 292.89) 82.1%, oklch(85.25% 0.0242 269.97) 84.6%, oklch(80.19% 0.0315 245.06) 87.2%, oklch(74.24% 0.0402 219.57) 89.7%, oklch(68.03% 0.0494 194.89) 92.3%, oklch(62.16% 0.0581 172.42) 94.9%, oklch(57.26% 0.0654 153.58) 97.4%, oklch(53.94% 0.0703 139.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.087 | 40.8 |
| 2 | 0.295 | 0.023 | 163.4 |
| 3 | 0.287 | 0.023 | -12.1 |
| 4 | 0.65 | 0.066 | 65.1 |
| 5 | 0.902 | 0.018 | -51.2 |
| 6 | 0.539 | 0.07 | -220.2 |

## Other forms

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