# Monochrome gray to brown radial gradient

Monochrome gray to brown radial gradient with 40 colors: #e3dbcd, #ddd4c5, #d4cabb, #cabfae, #bfb2a0, #b3a491, #a79681, #9b8972, #907b64, #866f57, #7d654c, #755c43, #70563d, #6d5239, #6d5138, #6f533b, #72583f, #775e46, #7e654e, #856e57, #8d7761, #95806b, #9d8974, #a4917d, #aa9784, #af9c88, #b39e8a, #b49e89, #b59c87, #b69982, #b5957d, #b48f77, #b38970, #b1826a, #af7b64, #ad745e, #ab6e5a, #a96856, #a86453, #a76051. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU4w86OpM91qNwFIIrvg`
- Page: https://grabient.com/kU4w86OpM91qNwFIIrvg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.2 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 | `#e3dbcd` | `oklch(89.37% 0.0207 81.56)` | Last Straw | black, 15.2 to 1 |
| 2 | `#ddd4c5` | `oklch(87.27% 0.0222 80.71)` | Urban Bird | black, 14.2 to 1 |
| 3 | `#d4cabb` | `oklch(84.41% 0.0243 79.58)` | Understated | black, 13 to 1 |
| 4 | `#cabfae` | `oklch(80.93% 0.0268 78.21)` | Sandbar | black, 11.5 to 1 |
| 5 | `#bfb2a0` | `oklch(76.99% 0.0296 76.67)` | Oyster Shoal | black, 10.1 to 1 |
| 6 | `#b3a491` | `oklch(72.75% 0.0327 75.00)` | Stone Lion | black, 8.6 to 1 |
| 7 | `#a79681` | `oklch(68.35% 0.0359 73.26)` | Bronco | black, 7.3 to 1 |
| 8 | `#9b8972` | `oklch(63.95% 0.0391 71.51)` | Roscoe Village | black, 6.1 to 1 |
| 9 | `#907b64` | `oklch(59.70% 0.0421 69.79)` | Carved Wood | black, 5.2 to 1 |
| 10 | `#866f57` | `oklch(55.76% 0.0450 68.16)` | Thatch Brown | white, 4.7 to 1 |
| 11 | `#7d654c` | `oklch(52.27% 0.0476 66.67)` | Old Boot | white, 5.4 to 1 |
| 12 | `#755c43` | `oklch(49.39% 0.0497 65.38)` | Wooden Cabin | white, 6.2 to 1 |
| 13 | `#70563d` | `oklch(47.27% 0.0514 64.34)` | Ancient Root | white, 6.8 to 1 |
| 14 | `#6d5239` | `oklch(46.06% 0.0524 63.60)` | Coffee Liqueur | white, 7.1 to 1 |
| 15 | `#6d5138` | `oklch(45.86% 0.0525 63.25)` | Coffee Liqueur | white, 7.2 to 1 |
| 16 | `#6f533b` | `oklch(46.56% 0.0519 63.29)` | Mud | white, 7 to 1 |
| 17 | `#72583f` | `oklch(48.02% 0.0506 63.64)` | Clockworks | white, 6.6 to 1 |
| 18 | `#775e46` | `oklch(50.07% 0.0488 64.23)` | Namakabe Brown | white, 6 to 1 |
| 19 | `#7e654e` | `oklch(52.58% 0.0466 64.96)` | Old Boot | white, 5.4 to 1 |
| 20 | `#856e57` | `oklch(55.39% 0.0443 65.77)` | Golem | white, 4.8 to 1 |
| 21 | `#8d7761` | `oklch(58.36% 0.0420 66.57)` | Dusty Path | black, 4.9 to 1 |
| 22 | `#95806b` | `oklch(61.35% 0.0398 67.28)` | Sofisticata | black, 5.5 to 1 |
| 23 | `#9d8974` | `oklch(64.19% 0.0380 67.83)` | Sycamore Tan | black, 6.2 to 1 |
| 24 | `#a4917d` | `oklch(66.76% 0.0367 68.13)` | Farmyard | black, 6.9 to 1 |
| 25 | `#aa9784` | `oklch(68.89% 0.0360 68.11)` | Quicksand | black, 7.4 to 1 |
| 26 | `#af9c88` | `oklch(70.44% 0.0361 67.68)` | Over the Taupe | black, 7.9 to 1 |
| 27 | `#b39e8a` | `oklch(71.26% 0.0372 66.77)` | Easily Suede | black, 8.1 to 1 |
| 28 | `#b49e89` | `oklch(71.40% 0.0394 65.29)` | Baked Potato | black, 8.2 to 1 |
| 29 | `#b59c87` | `oklch(71.06% 0.0427 63.26)` | Rich Taupe | black, 8.1 to 1 |
| 30 | `#b69982` | `oklch(70.31% 0.0468 60.80)` | Cavern Clay | black, 7.8 to 1 |
| 31 | `#b5957d` | `oklch(69.23% 0.0515 57.98)` | Cobbler Shop | black, 7.5 to 1 |
| 32 | `#b48f77` | `oklch(67.89% 0.0568 54.92)` | Poncho | black, 7.1 to 1 |
| 33 | `#b38970` | `oklch(66.36% 0.0623 51.70)` | Light Topaz Ochre | black, 6.7 to 1 |
| 34 | `#b1826a` | `oklch(64.72% 0.0681 48.42)` | Cider Spice | black, 6.2 to 1 |
| 35 | `#af7b64` | `oklch(63.04% 0.0737 45.18)` | Tawny Birch | black, 5.8 to 1 |
| 36 | `#ad745e` | `oklch(61.40% 0.0791 42.08)` | Arizona Clay | black, 5.4 to 1 |
| 37 | `#ab6e5a` | `oklch(59.87% 0.0842 39.20)` | Amaretto | black, 5.1 to 1 |
| 38 | `#a96856` | `oklch(58.53% 0.0886 36.66)` | Soho Red | black, 4.8 to 1 |
| 39 | `#a86453` | `oklch(57.44% 0.0923 34.55)` | Roycroft Adobe | black, 4.6 to 1 |
| 40 | `#a76051` | `oklch(56.69% 0.0951 32.95)` | Roycroft Adobe | white, 4.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e3dbcd 0.0%, #ddd4c5 2.6%, #d4cabb 5.1%, #cabfae 7.7%, #bfb2a0 10.3%, #b3a491 12.8%, #a79681 15.4%, #9b8972 17.9%, #907b64 20.5%, #866f57 23.1%, #7d654c 25.6%, #755c43 28.2%, #70563d 30.8%, #6d5239 33.3%, #6d5138 35.9%, #6f533b 38.5%, #72583f 41.0%, #775e46 43.6%, #7e654e 46.2%, #856e57 48.7%, #8d7761 51.3%, #95806b 53.8%, #9d8974 56.4%, #a4917d 59.0%, #aa9784 61.5%, #af9c88 64.1%, #b39e8a 66.7%, #b49e89 69.2%, #b59c87 71.8%, #b69982 74.4%, #b5957d 76.9%, #b48f77 79.5%, #b38970 82.1%, #b1826a 84.6%, #af7b64 87.2%, #ad745e 89.7%, #ab6e5a 92.3%, #a96856 94.9%, #a86453 97.4%, #a76051 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(89.37% 0.0207 81.56) 0.0%, oklch(87.27% 0.0222 80.71) 2.6%, oklch(84.41% 0.0243 79.58) 5.1%, oklch(80.93% 0.0268 78.21) 7.7%, oklch(76.99% 0.0296 76.67) 10.3%, oklch(72.75% 0.0327 75.00) 12.8%, oklch(68.35% 0.0359 73.26) 15.4%, oklch(63.95% 0.0391 71.51) 17.9%, oklch(59.70% 0.0421 69.79) 20.5%, oklch(55.76% 0.0450 68.16) 23.1%, oklch(52.27% 0.0476 66.67) 25.6%, oklch(49.39% 0.0497 65.38) 28.2%, oklch(47.27% 0.0514 64.34) 30.8%, oklch(46.06% 0.0524 63.60) 33.3%, oklch(45.86% 0.0525 63.25) 35.9%, oklch(46.56% 0.0519 63.29) 38.5%, oklch(48.02% 0.0506 63.64) 41.0%, oklch(50.07% 0.0488 64.23) 43.6%, oklch(52.58% 0.0466 64.96) 46.2%, oklch(55.39% 0.0443 65.77) 48.7%, oklch(58.36% 0.0420 66.57) 51.3%, oklch(61.35% 0.0398 67.28) 53.8%, oklch(64.19% 0.0380 67.83) 56.4%, oklch(66.76% 0.0367 68.13) 59.0%, oklch(68.89% 0.0360 68.11) 61.5%, oklch(70.44% 0.0361 67.68) 64.1%, oklch(71.26% 0.0372 66.77) 66.7%, oklch(71.40% 0.0394 65.29) 69.2%, oklch(71.06% 0.0427 63.26) 71.8%, oklch(70.31% 0.0468 60.80) 74.4%, oklch(69.23% 0.0515 57.98) 76.9%, oklch(67.89% 0.0568 54.92) 79.5%, oklch(66.36% 0.0623 51.70) 82.1%, oklch(64.72% 0.0681 48.42) 84.6%, oklch(63.04% 0.0737 45.18) 87.2%, oklch(61.40% 0.0791 42.08) 89.7%, oklch(59.87% 0.0842 39.20) 92.3%, oklch(58.53% 0.0886 36.66) 94.9%, oklch(57.44% 0.0923 34.55) 97.4%, oklch(56.69% 0.0951 32.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.021 | 81.6 |
| 2 | 0.461 | 0.052 | 63.6 |
| 3 | 0.713 | 0.037 | 66.8 |
| 4 | 0.567 | 0.095 | 33 |

## Other forms

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