# Monochrome brown, beige and tan radial gradient

Monochrome brown, beige and tan radial gradient with 32 colors: #b98954, #c0935e, #caa36e, #d6b581, #e4c996, #f0dbaa, #fae8ba, #fff0c4, #ffefc1, #f9e4b3, #edd29e, #dfba83, #d0a067, #bf854d, #af6c36, #a05826, #93491c, #843d17, #753314, #662b13, #592512, #4f2212, #4a2113, #492214, #4f2818, #5d331e, #714225, #88542e, #a06936, #b77d3e, #c98f45, #d69c4a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWqUIw-ZbCsEpuwnFz7XSvDw`
- Page: https://grabient.com/kWqUIw-ZbCsEpuwnFz7XSvDw?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#b98954` | `oklch(66.54% 0.0909 68.20)` | Canvas | black, 6.7 to 1 |
| 2 | `#c0935e` | `oklch(69.40% 0.0880 70.53)` | Gold Torch | black, 7.5 to 1 |
| 3 | `#caa36e` | `oklch(73.80% 0.0835 74.14)` | Buckskin Pony | black, 8.9 to 1 |
| 4 | `#d6b581` | `oklch(79.08% 0.0781 78.47)` | Clumsy Caramel | black, 10.8 to 1 |
| 5 | `#e4c996` | `oklch(84.56% 0.0725 82.95)` | Abstract | black, 13 to 1 |
| 6 | `#f0dbaa` | `oklch(89.58% 0.0674 87.02)` | Brilliant Gold | black, 15.3 to 1 |
| 7 | `#fae8ba` | `oklch(93.50% 0.0636 90.11)` | Hawaiian Cream | black, 17.3 to 1 |
| 8 | `#fff0c4` | `oklch(95.63% 0.0594 91.66)` | Rich Ivory | black, 18.5 to 1 |
| 9 | `#ffefc1` | `oklch(95.33% 0.0620 91.09)` | Egg White | black, 18.3 to 1 |
| 10 | `#f9e4b3` | `oklch(92.41% 0.0670 88.12)` | They Call It Mellow | black, 16.7 to 1 |
| 11 | `#edd29e` | `oklch(87.42% 0.0744 83.25)` | Willow-Flower Yellow | black, 14.3 to 1 |
| 12 | `#dfba83` | `oklch(80.99% 0.0835 77.11)` | Honey Robber | black, 11.5 to 1 |
| 13 | `#d0a067` | `oklch(73.76% 0.0932 70.30)` | Summer in the City | black, 8.8 to 1 |
| 14 | `#bf854d` | `oklch(66.35% 0.1023 63.46)` | Rookwood Amber | black, 6.6 to 1 |
| 15 | `#af6c36` | `oklch(59.39% 0.1095 57.19)` | Tanooki Suit Brown | black, 5 to 1 |
| 16 | `#a05826` | `oklch(53.52% 0.1138 52.13)` | Bright Bronze | white, 5.3 to 1 |
| 17 | `#93491c` | `oklch(49.06% 0.1138 48.65)` | Nightcap | white, 6.5 to 1 |
| 18 | `#843d17` | `oklch(44.76% 0.1094 45.76)` | Dusky Orange | white, 7.8 to 1 |
| 19 | `#753314` | `oklch(40.58% 0.1018 43.33)` | Beer Glazed Bacon | white, 9.3 to 1 |
| 20 | `#662b13` | `oklch(36.78% 0.0924 41.43)` | Moussaka | white, 10.9 to 1 |
| 21 | `#592512` | `oklch(33.61% 0.0824 40.11)` | Peaty Brown | white, 12.3 to 1 |
| 22 | `#4f2212` | `oklch(31.33% 0.0734 39.45)` | Peaty Brown | white, 13.3 to 1 |
| 23 | `#4a2113` | `oklch(30.18% 0.0666 39.52)` | Wild Brown | white, 13.8 to 1 |
| 24 | `#492214` | `oklch(30.41% 0.0635 40.38)` | Wild Brown | white, 13.7 to 1 |
| 25 | `#4f2818` | `oklch(32.52% 0.0648 42.37)` | Bittersweet Chocolate | white, 12.7 to 1 |
| 26 | `#5d331e` | `oklch(36.89% 0.0700 45.91)` | Bock | white, 10.7 to 1 |
| 27 | `#714225` | `oklch(42.87% 0.0778 50.56)` | Fawn Brown | white, 8.3 to 1 |
| 28 | `#88542e` | `oklch(49.79% 0.0872 55.83)` | Burnt Crust | white, 6.2 to 1 |
| 29 | `#a06936` | `oklch(56.97% 0.0972 61.25)` | Hot Ginger | white, 4.5 to 1 |
| 30 | `#b77d3e` | `oklch(63.72% 0.1067 66.32)` | Spruce Yellow | black, 6 to 1 |
| 31 | `#c98f45` | `oklch(69.37% 0.1146 70.56)` | Hey Honey! | black, 7.5 to 1 |
| 32 | `#d69c4a` | `oklch(73.23% 0.1199 73.49)` | Saffron Robe | black, 8.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b98954 0.0%, #c0935e 3.2%, #caa36e 6.5%, #d6b581 9.7%, #e4c996 12.9%, #f0dbaa 16.1%, #fae8ba 19.4%, #fff0c4 22.6%, #ffefc1 25.8%, #f9e4b3 29.0%, #edd29e 32.3%, #dfba83 35.5%, #d0a067 38.7%, #bf854d 41.9%, #af6c36 45.2%, #a05826 48.4%, #93491c 51.6%, #843d17 54.8%, #753314 58.1%, #662b13 61.3%, #592512 64.5%, #4f2212 67.7%, #4a2113 71.0%, #492214 74.2%, #4f2818 77.4%, #5d331e 80.6%, #714225 83.9%, #88542e 87.1%, #a06936 90.3%, #b77d3e 93.5%, #c98f45 96.8%, #d69c4a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.54% 0.0909 68.20) 0.0%, oklch(69.40% 0.0880 70.53) 3.2%, oklch(73.80% 0.0835 74.14) 6.5%, oklch(79.08% 0.0781 78.47) 9.7%, oklch(84.56% 0.0725 82.95) 12.9%, oklch(89.58% 0.0674 87.02) 16.1%, oklch(93.50% 0.0636 90.11) 19.4%, oklch(95.63% 0.0594 91.66) 22.6%, oklch(95.33% 0.0620 91.09) 25.8%, oklch(92.41% 0.0670 88.12) 29.0%, oklch(87.42% 0.0744 83.25) 32.3%, oklch(80.99% 0.0835 77.11) 35.5%, oklch(73.76% 0.0932 70.30) 38.7%, oklch(66.35% 0.1023 63.46) 41.9%, oklch(59.39% 0.1095 57.19) 45.2%, oklch(53.52% 0.1138 52.13) 48.4%, oklch(49.06% 0.1138 48.65) 51.6%, oklch(44.76% 0.1094 45.76) 54.8%, oklch(40.58% 0.1018 43.33) 58.1%, oklch(36.78% 0.0924 41.43) 61.3%, oklch(33.61% 0.0824 40.11) 64.5%, oklch(31.33% 0.0734 39.45) 67.7%, oklch(30.18% 0.0666 39.52) 71.0%, oklch(30.41% 0.0635 40.38) 74.2%, oklch(32.52% 0.0648 42.37) 77.4%, oklch(36.89% 0.0700 45.91) 80.6%, oklch(42.87% 0.0778 50.56) 83.9%, oklch(49.79% 0.0872 55.83) 87.1%, oklch(56.97% 0.0972 61.25) 90.3%, oklch(63.72% 0.1067 66.32) 93.5%, oklch(69.37% 0.1146 70.56) 96.8%, oklch(73.23% 0.1199 73.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.091 | 68.2 |
| 2 | 0.957 | 0.062 | 91.5 |
| 3 | 0.512 | 0.114 | 50.2 |
| 4 | 0.307 | 0.063 | 40.7 |
| 5 | 0.732 | 0.12 | 73.5 |

## In these collections

- [Bronze gradients](https://grabient.com/bronze-gradients)

## Other forms

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