# Monochrome brown, beige and tan radial gradient

Monochrome brown, beige and tan radial gradient with 32 colors: #a88a6d, #af9275, #ba9f83, #c8af93, #d6c0a5, #e3d0b5, #eddcc1, #f3e3c8, #f3e2c6, #ecd8bb, #e0c8a9, #d2b492, #c19e79, #b08762, #a0724d, #92613e, #865534, #7a4a2e, #6d4029, #603825, #553323, #4d2f22, #482d23, #482f25, #4d342a, #5a3f33, #6b4e3e, #805f4c, #97735a, #ac8567, #be9572, #caa17a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWpigudQ7BsGdvOqjr6XZpCg`
- Page: https://grabient.com/kWpigudQ7BsGdvOqjr6XZpCg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#a88a6d` | `oklch(65.35% 0.0551 64.69)` | Confidence | black, 6.5 to 1 |
| 2 | `#af9275` | `oklch(67.99% 0.0535 66.16)` | Buffalo Bill | black, 7.2 to 1 |
| 3 | `#ba9f83` | `oklch(72.02% 0.0509 68.45)` | Nankeen | black, 8.4 to 1 |
| 4 | `#c8af93` | `oklch(76.86% 0.0478 71.18)` | Toasted Wheat | black, 10 to 1 |
| 5 | `#d6c0a5` | `oklch(81.89% 0.0446 74.02)` | Almond Latte | black, 11.9 to 1 |
| 6 | `#e3d0b5` | `oklch(86.51% 0.0418 76.60)` | Lovely Bluff | black, 13.9 to 1 |
| 7 | `#eddcc1` | `oklch(90.11% 0.0399 78.57)` | Sandhill | black, 15.5 to 1 |
| 8 | `#f3e3c8` | `oklch(92.08% 0.0393 79.57)` | Dappled Sunlight | black, 16.5 to 1 |
| 9 | `#f3e2c6` | `oklch(91.82% 0.0405 79.26)` | Honey Beige | black, 16.4 to 1 |
| 10 | `#ecd8bb` | `oklch(89.16% 0.0443 77.52)` | White Hot Chocolate | black, 15.1 to 1 |
| 11 | `#e0c8a9` | `oklch(84.60% 0.0503 74.64)` | Persian Flatbread | black, 13 to 1 |
| 12 | `#d2b492` | `oklch(78.73% 0.0575 70.98)` | Crème de Caramel | black, 10.6 to 1 |
| 13 | `#c19e79` | `oklch(72.13% 0.0651 66.89)` | Tan Plan | black, 8.4 to 1 |
| 14 | `#b08762` | `oklch(65.37% 0.0721 62.70)` | Sacred Ground | black, 6.4 to 1 |
| 15 | `#a0724d` | `oklch(59.03% 0.0776 58.77)` | Cinnamon Twist | black, 5 to 1 |
| 16 | `#92613e` | `oklch(53.69% 0.0809 55.45)` | Carmel | white, 5.2 to 1 |
| 17 | `#865534` | `oklch(49.66% 0.0808 52.92)` | Burnt Crust | white, 6.2 to 1 |
| 18 | `#7a4a2e` | `oklch(45.78% 0.0774 50.49)` | Urban Auburn | white, 7.3 to 1 |
| 19 | `#6d4029` | `oklch(42.02% 0.0715 48.16)` | Davao Durian | white, 8.6 to 1 |
| 20 | `#603825` | `oklch(38.61% 0.0642 46.05)` | Chubby Chocolate | white, 9.9 to 1 |
| 21 | `#553323` | `oklch(35.79% 0.0564 44.28)` | Wild Boar | white, 11.1 to 1 |
| 22 | `#4d2f22` | `oklch(33.79% 0.0491 42.99)` | Dark Wood Grain | white, 12 to 1 |
| 23 | `#482d23` | `oklch(32.84% 0.0434 42.30)` | Morocco Brown | white, 12.4 to 1 |
| 24 | `#482f25` | `oklch(33.16% 0.0402 42.35)` | Acajou | white, 12.3 to 1 |
| 25 | `#4d342a` | `oklch(35.22% 0.0403 43.40)` | Barn Swallow | white, 11.3 to 1 |
| 26 | `#5a3f33` | `oklch(39.38% 0.0428 45.66)` | Espresso Bar | white, 9.6 to 1 |
| 27 | `#6b4e3e` | `oklch(45.04% 0.0471 48.77)` | Spice | white, 7.5 to 1 |
| 28 | `#805f4c` | `oklch(51.57% 0.0525 52.40)` | Rookwood Brown | white, 5.7 to 1 |
| 29 | `#97735a` | `oklch(58.32% 0.0583 56.16)` | Whisky Barrel | black, 4.8 to 1 |
| 30 | `#ac8567` | `oklch(64.67% 0.0639 59.70)` | Caramel Sundae | black, 6.3 to 1 |
| 31 | `#be9572` | `oklch(69.98% 0.0686 62.66)` | Painted Pony | black, 7.7 to 1 |
| 32 | `#caa17a` | `oklch(73.62% 0.0717 64.69)` | Kenya | black, 8.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a88a6d 0.0%, #af9275 3.2%, #ba9f83 6.5%, #c8af93 9.7%, #d6c0a5 12.9%, #e3d0b5 16.1%, #eddcc1 19.4%, #f3e3c8 22.6%, #f3e2c6 25.8%, #ecd8bb 29.0%, #e0c8a9 32.3%, #d2b492 35.5%, #c19e79 38.7%, #b08762 41.9%, #a0724d 45.2%, #92613e 48.4%, #865534 51.6%, #7a4a2e 54.8%, #6d4029 58.1%, #603825 61.3%, #553323 64.5%, #4d2f22 67.7%, #482d23 71.0%, #482f25 74.2%, #4d342a 77.4%, #5a3f33 80.6%, #6b4e3e 83.9%, #805f4c 87.1%, #97735a 90.3%, #ac8567 93.5%, #be9572 96.8%, #caa17a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(65.35% 0.0551 64.69) 0.0%, oklch(67.99% 0.0535 66.16) 3.2%, oklch(72.02% 0.0509 68.45) 6.5%, oklch(76.86% 0.0478 71.18) 9.7%, oklch(81.89% 0.0446 74.02) 12.9%, oklch(86.51% 0.0418 76.60) 16.1%, oklch(90.11% 0.0399 78.57) 19.4%, oklch(92.08% 0.0393 79.57) 22.6%, oklch(91.82% 0.0405 79.26) 25.8%, oklch(89.16% 0.0443 77.52) 29.0%, oklch(84.60% 0.0503 74.64) 32.3%, oklch(78.73% 0.0575 70.98) 35.5%, oklch(72.13% 0.0651 66.89) 38.7%, oklch(65.37% 0.0721 62.70) 41.9%, oklch(59.03% 0.0776 58.77) 45.2%, oklch(53.69% 0.0809 55.45) 48.4%, oklch(49.66% 0.0808 52.92) 51.6%, oklch(45.78% 0.0774 50.49) 54.8%, oklch(42.02% 0.0715 48.16) 58.1%, oklch(38.61% 0.0642 46.05) 61.3%, oklch(35.79% 0.0564 44.28) 64.5%, oklch(33.79% 0.0491 42.99) 67.7%, oklch(32.84% 0.0434 42.30) 71.0%, oklch(33.16% 0.0402 42.35) 74.2%, oklch(35.22% 0.0403 43.40) 77.4%, oklch(39.38% 0.0428 45.66) 80.6%, oklch(45.04% 0.0471 48.77) 83.9%, oklch(51.57% 0.0525 52.40) 87.1%, oklch(58.32% 0.0583 56.16) 90.3%, oklch(64.67% 0.0639 59.70) 93.5%, oklch(69.98% 0.0686 62.66) 96.8%, oklch(73.62% 0.0717 64.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.055 | 64.7 |
| 2 | 0.921 | 0.04 | 79.5 |
| 3 | 0.516 | 0.081 | 54.1 |
| 4 | 0.335 | 0.04 | 42.5 |
| 5 | 0.736 | 0.072 | 64.7 |

## Other forms

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