# Brown, gray and tan radial gradient

Brown, gray and tan radial gradient with 32 colors: #a45625, #9f5528, #97522c, #8c4e30, #814a33, #754634, #6a4336, #604137, #594038, #55413a, #56443e, #5c4b44, #69564d, #7b6658, #927965, #a98e72, #c1a57f, #d6bc8b, #e7d195, #f4e29d, #fceca1, #feee9e, #fae795, #f3d986, #e8c674, #daaf60, #ca964c, #b97d3a, #a8662a, #97521e, #8a4215, #80360f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUiVcjtAm-vgkRu2qTmA`
- Page: https://grabient.com/kUiVcjtAm-vgkRu2qTmA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.1 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 | `#a45625` | `oklch(53.94% 0.1199 49.92)` | Spicy Cinnamon | white, 5.3 to 1 |
| 2 | `#9f5528` | `oklch(52.91% 0.1138 49.02)` | Warmth | white, 5.5 to 1 |
| 3 | `#97522c` | `oklch(51.24% 0.1051 47.49)` | Rusty | white, 5.9 to 1 |
| 4 | `#8c4e30` | `oklch(49.12% 0.0945 45.54)` | Rusted Earth | white, 6.4 to 1 |
| 5 | `#814a33` | `oklch(46.80% 0.0828 43.40)` | Sencha Brown | white, 7.1 to 1 |
| 6 | `#754634` | `oklch(44.47% 0.0705 41.28)` | Clay Play | white, 7.8 to 1 |
| 7 | `#6a4336` | `oklch(42.35% 0.0585 39.39)` | Rugged Brown | white, 8.5 to 1 |
| 8 | `#604137` | `oklch(40.67% 0.0474 37.97)` | Daniel Boone | white, 9.1 to 1 |
| 9 | `#594038` | `oklch(39.63% 0.0379 37.23)` | Shaved Chocolate | white, 9.5 to 1 |
| 10 | `#55413a` | `oklch(39.46% 0.0308 37.38)` | Cabin Plank | white, 9.5 to 1 |
| 11 | `#56443e` | `oklch(40.37% 0.0267 38.65)` | Dark Walnut | white, 9.1 to 1 |
| 12 | `#5c4b44` | `oklch(42.73% 0.0263 41.42)` | Chateau Brown | white, 8.2 to 1 |
| 13 | `#69564d` | `oklch(46.95% 0.0291 46.18)` | Library Leather | white, 6.9 to 1 |
| 14 | `#7b6658` | `oklch(52.63% 0.0346 52.47)` | Roman Coffee | white, 5.4 to 1 |
| 15 | `#927965` | `oklch(59.30% 0.0422 59.80)` | Llama Wool | black, 5.1 to 1 |
| 16 | `#a98e72` | `oklch(66.49% 0.0512 67.67)` | Café Américaine | black, 6.8 to 1 |
| 17 | `#c1a57f` | `oklch(73.72% 0.0609 75.58)` | Graham Cracker | black, 8.9 to 1 |
| 18 | `#d6bc8b` | `oklch(80.55% 0.0709 83.05)` | Buckskin | black, 11.4 to 1 |
| 19 | `#e7d195` | `oklch(86.49% 0.0805 89.57)` | Desert Wind | black, 13.9 to 1 |
| 20 | `#f4e29d` | `oklch(91.09% 0.0890 94.64)` | Buttery Croissant | black, 16.1 to 1 |
| 21 | `#fceca1` | `oklch(93.87% 0.0958 97.77)` | Eggnog | black, 17.6 to 1 |
| 22 | `#feee9e` | `oklch(94.39% 0.1006 98.47)` | Old Yella | black, 17.9 to 1 |
| 23 | `#fae795` | `oklch(92.60% 0.1040 96.72)` | Summer’s Heat | black, 16.9 to 1 |
| 24 | `#f3d986` | `oklch(88.94% 0.1066 92.95)` | Rapunzel | black, 15.1 to 1 |
| 25 | `#e8c674` | `oklch(83.81% 0.1085 87.62)` | Waffle Cone | black, 12.7 to 1 |
| 26 | `#daaf60` | `oklch(77.66% 0.1099 81.17)` | Stranglethorn Ochre | black, 10.2 to 1 |
| 27 | `#ca964c` | `oklch(70.90% 0.1108 74.07)` | Bengal | black, 7.9 to 1 |
| 28 | `#b97d3a` | `oklch(63.96% 0.1114 66.77)` | Cut the Mustard | black, 6 to 1 |
| 29 | `#a8662a` | `oklch(57.26% 0.1118 59.73)` | Sattle | black, 4.6 to 1 |
| 30 | `#97521e` | `oklch(51.24% 0.1121 53.39)` | Mammoth Wool | white, 5.9 to 1 |
| 31 | `#8a4215` | `oklch(46.31% 0.1125 48.20)` | Sis Kebab | white, 7.3 to 1 |
| 32 | `#80360f` | `oklch(42.91% 0.1130 44.64)` | Red Beech | white, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a45625 0.0%, #9f5528 3.2%, #97522c 6.5%, #8c4e30 9.7%, #814a33 12.9%, #754634 16.1%, #6a4336 19.4%, #604137 22.6%, #594038 25.8%, #55413a 29.0%, #56443e 32.3%, #5c4b44 35.5%, #69564d 38.7%, #7b6658 41.9%, #927965 45.2%, #a98e72 48.4%, #c1a57f 51.6%, #d6bc8b 54.8%, #e7d195 58.1%, #f4e29d 61.3%, #fceca1 64.5%, #feee9e 67.7%, #fae795 71.0%, #f3d986 74.2%, #e8c674 77.4%, #daaf60 80.6%, #ca964c 83.9%, #b97d3a 87.1%, #a8662a 90.3%, #97521e 93.5%, #8a4215 96.8%, #80360f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.94% 0.1199 49.92) 0.0%, oklch(52.91% 0.1138 49.02) 3.2%, oklch(51.24% 0.1051 47.49) 6.5%, oklch(49.12% 0.0945 45.54) 9.7%, oklch(46.80% 0.0828 43.40) 12.9%, oklch(44.47% 0.0705 41.28) 16.1%, oklch(42.35% 0.0585 39.39) 19.4%, oklch(40.67% 0.0474 37.97) 22.6%, oklch(39.63% 0.0379 37.23) 25.8%, oklch(39.46% 0.0308 37.38) 29.0%, oklch(40.37% 0.0267 38.65) 32.3%, oklch(42.73% 0.0263 41.42) 35.5%, oklch(46.95% 0.0291 46.18) 38.7%, oklch(52.63% 0.0346 52.47) 41.9%, oklch(59.30% 0.0422 59.80) 45.2%, oklch(66.49% 0.0512 67.67) 48.4%, oklch(73.72% 0.0609 75.58) 51.6%, oklch(80.55% 0.0709 83.05) 54.8%, oklch(86.49% 0.0805 89.57) 58.1%, oklch(91.09% 0.0890 94.64) 61.3%, oklch(93.87% 0.0958 97.77) 64.5%, oklch(94.39% 0.1006 98.47) 67.7%, oklch(92.60% 0.1040 96.72) 71.0%, oklch(88.94% 0.1066 92.95) 74.2%, oklch(83.81% 0.1085 87.62) 77.4%, oklch(77.66% 0.1099 81.17) 80.6%, oklch(70.90% 0.1108 74.07) 83.9%, oklch(63.96% 0.1114 66.77) 87.1%, oklch(57.26% 0.1118 59.73) 90.3%, oklch(51.24% 0.1121 53.39) 93.5%, oklch(46.31% 0.1125 48.20) 96.8%, oklch(42.91% 0.1130 44.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.12 | 49.9 |
| 2 | 0.409 | 0.026 | 39.4 |
| 3 | 0.945 | 0.099 | 98.5 |
| 4 | 0.429 | 0.113 | 44.6 |

## Other forms

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