# Monochrome brown radial gradient

Monochrome brown radial gradient with 32 colors: #b49a88, #ae9381, #a68977, #9c7d6b, #92705f, #876354, #7e584a, #754f42, #6e493d, #68453a, #614238, #5b4037, #563f37, #533f38, #52413a, #53443d, #594a42, #65544a, #776255, #8b7360, #9f846b, #b19375, #bd9e7b, #c3a27d, #bf9d7a, #b39072, #a07e67, #896959, #71554b, #5a433d, #473431, #3b2b29. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWsx0pORQ9rQIwPdF0KJwk6g`
- Page: https://grabient.com/kWsx0pORQ9rQIwPdF0KJwk6g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.6 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 | `#b49a88` | `oklch(70.47% 0.0400 57.66)` | Free Wheeling | black, 7.9 to 1 |
| 2 | `#ae9381` | `oklch(68.27% 0.0415 55.93)` | Sandrift | black, 7.2 to 1 |
| 3 | `#a68977` | `oklch(65.15% 0.0440 53.42)` | Tribal Pottery | black, 6.4 to 1 |
| 4 | `#9c7d6b` | `oklch(61.43% 0.0469 50.41)` | Dusty Canyon | black, 5.5 to 1 |
| 5 | `#92705f` | `oklch(57.42% 0.0499 47.22)` | Redwood Forest | black, 4.7 to 1 |
| 6 | `#876354` | `oklch(53.40% 0.0526 44.13)` | Clove | white, 5.2 to 1 |
| 7 | `#7e584a` | `oklch(49.70% 0.0546 41.45)` | Burns Cave | white, 6.2 to 1 |
| 8 | `#754f42` | `oklch(46.61% 0.0554 39.47)` | Leather Clutch | white, 7.1 to 1 |
| 9 | `#6e493d` | `oklch(44.41% 0.0548 38.49)` | Dancing Dogs | white, 7.8 to 1 |
| 10 | `#68453a` | `oklch(42.62% 0.0519 38.29)` | Rugged Brown | white, 8.4 to 1 |
| 11 | `#614238` | `oklch(41.07% 0.0472 38.67)` | Daniel Boone | white, 8.9 to 1 |
| 12 | `#5b4037` | `oklch(39.85% 0.0415 39.54)` | Shaved Chocolate | white, 9.4 to 1 |
| 13 | `#563f37` | `oklch(39.05% 0.0355 40.80)` | Cabin Plank | white, 9.7 to 1 |
| 14 | `#533f38` | `oklch(38.77% 0.0300 42.38)` | Caviar Black | white, 9.8 to 1 |
| 15 | `#52413a` | `oklch(39.10% 0.0258 44.17)` | Oxford Brown | white, 9.6 to 1 |
| 16 | `#53443d` | `oklch(40.13% 0.0235 46.10)` | Spiced Hot Chocolate | white, 9.2 to 1 |
| 17 | `#594a42` | `oklch(42.15% 0.0241 48.26)` | Iced Espresso | white, 8.4 to 1 |
| 18 | `#65544a` | `oklch(46.04% 0.0278 51.54)` | Ground Coffee | white, 7.1 to 1 |
| 19 | `#776255` | `oklch(51.31% 0.0338 55.61)` | Traditional | white, 5.7 to 1 |
| 20 | `#8b7360` | `oklch(57.25% 0.0410 59.96)` | Tree Branch | black, 4.7 to 1 |
| 21 | `#9f846b` | `oklch(63.13% 0.0485 64.05)` | Toscana | black, 5.9 to 1 |
| 22 | `#b19375` | `oklch(68.24% 0.0554 67.37)` | Cliff Rock | black, 7.2 to 1 |
| 23 | `#bd9e7b` | `oklch(71.87% 0.0606 69.39)` | French Oak | black, 8.3 to 1 |
| 24 | `#c3a27d` | `oklch(73.30% 0.0632 69.58)` | Almandine | black, 8.7 to 1 |
| 25 | `#bf9d7a` | `oklch(71.89% 0.0626 67.36)` | Tan Plan | black, 8.3 to 1 |
| 26 | `#b39072` | `oklch(67.85% 0.0592 62.70)` | Poncho | black, 7.1 to 1 |
| 27 | `#a07e67` | `oklch(61.94% 0.0539 56.31)` | Matte Brown | black, 5.6 to 1 |
| 28 | `#896959` | `oklch(54.91% 0.0474 48.91)` | Art and Craft | white, 4.9 to 1 |
| 29 | `#71554b` | `oklch(47.51% 0.0405 41.23)` | Terrace Brown | white, 6.7 to 1 |
| 30 | `#5a433d` | `oklch(40.51% 0.0340 34.01)` | Lava Cake | white, 9.1 to 1 |
| 31 | `#473431` | `oklch(34.66% 0.0285 27.97)` | Pawn Broker | white, 11.6 to 1 |
| 32 | `#3b2b29` | `oklch(30.71% 0.0248 23.84)` | Havana | white, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b49a88 0.0%, #ae9381 3.2%, #a68977 6.5%, #9c7d6b 9.7%, #92705f 12.9%, #876354 16.1%, #7e584a 19.4%, #754f42 22.6%, #6e493d 25.8%, #68453a 29.0%, #614238 32.3%, #5b4037 35.5%, #563f37 38.7%, #533f38 41.9%, #52413a 45.2%, #53443d 48.4%, #594a42 51.6%, #65544a 54.8%, #776255 58.1%, #8b7360 61.3%, #9f846b 64.5%, #b19375 67.7%, #bd9e7b 71.0%, #c3a27d 74.2%, #bf9d7a 77.4%, #b39072 80.6%, #a07e67 83.9%, #896959 87.1%, #71554b 90.3%, #5a433d 93.5%, #473431 96.8%, #3b2b29 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.47% 0.0400 57.66) 0.0%, oklch(68.27% 0.0415 55.93) 3.2%, oklch(65.15% 0.0440 53.42) 6.5%, oklch(61.43% 0.0469 50.41) 9.7%, oklch(57.42% 0.0499 47.22) 12.9%, oklch(53.40% 0.0526 44.13) 16.1%, oklch(49.70% 0.0546 41.45) 19.4%, oklch(46.61% 0.0554 39.47) 22.6%, oklch(44.41% 0.0548 38.49) 25.8%, oklch(42.62% 0.0519 38.29) 29.0%, oklch(41.07% 0.0472 38.67) 32.3%, oklch(39.85% 0.0415 39.54) 35.5%, oklch(39.05% 0.0355 40.80) 38.7%, oklch(38.77% 0.0300 42.38) 41.9%, oklch(39.10% 0.0258 44.17) 45.2%, oklch(40.13% 0.0235 46.10) 48.4%, oklch(42.15% 0.0241 48.26) 51.6%, oklch(46.04% 0.0278 51.54) 54.8%, oklch(51.31% 0.0338 55.61) 58.1%, oklch(57.25% 0.0410 59.96) 61.3%, oklch(63.13% 0.0485 64.05) 64.5%, oklch(68.24% 0.0554 67.37) 67.7%, oklch(71.87% 0.0606 69.39) 71.0%, oklch(73.30% 0.0632 69.58) 74.2%, oklch(71.89% 0.0626 67.36) 77.4%, oklch(67.85% 0.0592 62.70) 80.6%, oklch(61.94% 0.0539 56.31) 83.9%, oklch(54.91% 0.0474 48.91) 87.1%, oklch(47.51% 0.0405 41.23) 90.3%, oklch(40.51% 0.0340 34.01) 93.5%, oklch(34.66% 0.0285 27.97) 96.8%, oklch(30.71% 0.0248 23.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.04 | 57.7 |
| 2 | 0.449 | 0.055 | 38.6 |
| 3 | 0.409 | 0.023 | 47.1 |
| 4 | 0.732 | 0.063 | 69.3 |
| 5 | 0.307 | 0.025 | 23.8 |

## Other forms

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