# Monochrome brown to gray radial gradient

Monochrome brown to gray radial gradient with 32 colors: #432315, #49291b, #523022, #5c392a, #684334, #744e3f, #815a4a, #8d6555, #97705f, #a17b6a, #ac8676, #b69283, #c09e8f, #c9aa9b, #d1b4a6, #d8beb0, #dec5b8, #e2ccbf, #e6d3c5, #e9d8cb, #ebdccf, #ecdfd2, #ece1d4, #eae1d5, #e8e0d3, #e3dbcf, #dcd6c9, #d4cfc1, #cdc8b9, #c5c1b2, #bfbbac, #bbb8a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSycfSJS_-mMwL0B0MYwhCY`
- Page: https://grabient.com/kWSycfSJS_-mMwL0B0MYwhCY?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light center, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#432315` | `oklch(29.53% 0.0537 43.59)` | Duqqa Brown | white, 14.1 to 1 |
| 2 | `#49291b` | `oklch(31.75% 0.0541 43.55)` | Subterranean | white, 13 to 1 |
| 3 | `#523022` | `oklch(34.72% 0.0549 43.44)` | Dark Wood Grain | white, 11.6 to 1 |
| 4 | `#5c392a` | `oklch(38.26% 0.0557 43.30)` | Cioccolato | white, 10.1 to 1 |
| 5 | `#684334` | `oklch(42.19% 0.0566 43.19)` | Rugged Brown | white, 8.5 to 1 |
| 6 | `#744e3f` | `oklch(46.30% 0.0572 43.13)` | Friar’s Brown | white, 7.1 to 1 |
| 7 | `#815a4a` | `oklch(50.43% 0.0575 43.16)` | Wooden Wagon | white, 6 to 1 |
| 8 | `#8d6555` | `oklch(54.37% 0.0572 43.34)` | Tanbark | white, 5 to 1 |
| 9 | `#97705f` | `oklch(57.96% 0.0562 43.69)` | Milk Coffee Brown | black, 4.7 to 1 |
| 10 | `#a17b6a` | `oklch(61.56% 0.0543 44.04)` | Woodhaven | black, 5.5 to 1 |
| 11 | `#ac8676` | `oklch(65.28% 0.0517 44.37)` | Homestead | black, 6.4 to 1 |
| 12 | `#b69283` | `oklch(69.00% 0.0487 44.78)` | Mauve Blush | black, 7.4 to 1 |
| 13 | `#c09e8f` | `oklch(72.63% 0.0453 45.35)` | Earth Warming | black, 8.5 to 1 |
| 14 | `#c9aa9b` | `oklch(76.06% 0.0419 46.18)` | Powdered Allspice | black, 9.6 to 1 |
| 15 | `#d1b4a6` | `oklch(79.18% 0.0387 47.35)` | Sashay Sand | black, 10.8 to 1 |
| 16 | `#d8beb0` | `oklch(81.90% 0.0357 48.95)` | Wild Rice | black, 11.8 to 1 |
| 17 | `#dec5b8` | `oklch(84.15% 0.0332 51.08)` | Mornington | black, 12.8 to 1 |
| 18 | `#e2ccbf` | `oklch(86.11% 0.0308 53.86)` | Belle of the Ball | black, 13.6 to 1 |
| 19 | `#e6d3c5` | `oklch(87.81% 0.0284 57.16)` | Ash Plum | black, 14.4 to 1 |
| 20 | `#e9d8cb` | `oklch(89.22% 0.0261 60.80)` | Shoreland | black, 15.1 to 1 |
| 21 | `#ebdccf` | `oklch(90.31% 0.0240 64.62)` | Cinnamon Cake | black, 15.6 to 1 |
| 22 | `#ecdfd2` | `oklch(91.05% 0.0222 68.47)` | South Peak | black, 16 to 1 |
| 23 | `#ece1d4` | `oklch(91.43% 0.0206 72.17)` | Platinum Ogon Koi | black, 16.2 to 1 |
| 24 | `#eae1d5` | `oklch(91.41% 0.0195 75.57)` | Sharp-Rip Drill | black, 16.2 to 1 |
| 25 | `#e8e0d3` | `oklch(90.84% 0.0189 78.70)` | Herare White | black, 15.9 to 1 |
| 26 | `#e3dbcf` | `oklch(89.52% 0.0188 81.90)` | Light Male | black, 15.3 to 1 |
| 27 | `#dcd6c9` | `oklch(87.64% 0.0191 85.10)` | Wheat Flour White | black, 14.4 to 1 |
| 28 | `#d4cfc1` | `oklch(85.45% 0.0196 88.20)` | Lunar Landing | black, 13.4 to 1 |
| 29 | `#cdc8b9` | `oklch(83.16% 0.0204 91.09)` | Beige Royal | black, 12.5 to 1 |
| 30 | `#c5c1b2` | `oklch(80.99% 0.0211 93.67)` | Stone Fortress | black, 11.6 to 1 |
| 31 | `#bfbbac` | `oklch(79.18% 0.0217 95.83)` | Hurricane Haze | black, 10.9 to 1 |
| 32 | `#bbb8a8` | `oklch(77.95% 0.0220 97.49)` | Gravel Dust | black, 10.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #432315 0.0%, #49291b 3.2%, #523022 6.5%, #5c392a 9.7%, #684334 12.9%, #744e3f 16.1%, #815a4a 19.4%, #8d6555 22.6%, #97705f 25.8%, #a17b6a 29.0%, #ac8676 32.3%, #b69283 35.5%, #c09e8f 38.7%, #c9aa9b 41.9%, #d1b4a6 45.2%, #d8beb0 48.4%, #dec5b8 51.6%, #e2ccbf 54.8%, #e6d3c5 58.1%, #e9d8cb 61.3%, #ebdccf 64.5%, #ecdfd2 67.7%, #ece1d4 71.0%, #eae1d5 74.2%, #e8e0d3 77.4%, #e3dbcf 80.6%, #dcd6c9 83.9%, #d4cfc1 87.1%, #cdc8b9 90.3%, #c5c1b2 93.5%, #bfbbac 96.8%, #bbb8a8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.53% 0.0537 43.59) 0.0%, oklch(31.75% 0.0541 43.55) 3.2%, oklch(34.72% 0.0549 43.44) 6.5%, oklch(38.26% 0.0557 43.30) 9.7%, oklch(42.19% 0.0566 43.19) 12.9%, oklch(46.30% 0.0572 43.13) 16.1%, oklch(50.43% 0.0575 43.16) 19.4%, oklch(54.37% 0.0572 43.34) 22.6%, oklch(57.96% 0.0562 43.69) 25.8%, oklch(61.56% 0.0543 44.04) 29.0%, oklch(65.28% 0.0517 44.37) 32.3%, oklch(69.00% 0.0487 44.78) 35.5%, oklch(72.63% 0.0453 45.35) 38.7%, oklch(76.06% 0.0419 46.18) 41.9%, oklch(79.18% 0.0387 47.35) 45.2%, oklch(81.90% 0.0357 48.95) 48.4%, oklch(84.15% 0.0332 51.08) 51.6%, oklch(86.11% 0.0308 53.86) 54.8%, oklch(87.81% 0.0284 57.16) 58.1%, oklch(89.22% 0.0261 60.80) 61.3%, oklch(90.31% 0.0240 64.62) 64.5%, oklch(91.05% 0.0222 68.47) 67.7%, oklch(91.43% 0.0206 72.17) 71.0%, oklch(91.41% 0.0195 75.57) 74.2%, oklch(90.84% 0.0189 78.70) 77.4%, oklch(89.52% 0.0188 81.90) 80.6%, oklch(87.64% 0.0191 85.10) 83.9%, oklch(85.45% 0.0196 88.20) 87.1%, oklch(83.16% 0.0204 91.09) 90.3%, oklch(80.99% 0.0211 93.67) 93.5%, oklch(79.18% 0.0217 95.83) 96.8%, oklch(77.95% 0.0220 97.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.054 | 43.6 |
| 2 | 0.571 | 0.056 | 43.6 |
| 3 | 0.831 | 0.034 | 49.9 |
| 4 | 0.913 | 0.019 | 76.4 |
| 5 | 0.78 | 0.022 | 97.5 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Brown gradients](https://grabient.com/brown-gradients)

## Other forms

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