# Analogous black, brown and orange radial gradient

Analogous black, brown and orange radial gradient with 32 colors: #1e1612, #211813, #261a14, #2b1c15, #311f17, #372219, #3e251a, #45281b, #4c2b1c, #532d1d, #5b2f1d, #64311d, #6c321d, #75341d, #7d361d, #86391e, #8e3c1f, #964121, #9e4522, #a64a24, #ae5026, #b55628, #bc5d2a, #c3632d, #c96b31, #cf7335, #d47c3b, #d88642, #dc8f49, #e09750, #e39e56, #e5a35b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWNQsiKRO_bmqP3NssD4StCI`
- Page: https://grabient.com/kWNQsiKRO_bmqP3NssD4StCI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#1e1612` | `oklch(20.87% 0.0152 47.81)` | Nightshade Berries | white, 17.8 to 1 |
| 2 | `#211813` | `oklch(21.77% 0.0181 47.47)` | Used Oil | white, 17.4 to 1 |
| 3 | `#261a14` | `oklch(22.96% 0.0218 47.02)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 4 | `#2b1c15` | `oklch(24.38% 0.0262 46.48)` | Tetsu-Guro Black | white, 16.3 to 1 |
| 5 | `#311f17` | `oklch(25.97% 0.0312 45.89)` | Kenpōzome Black | white, 15.6 to 1 |
| 6 | `#372219` | `oklch(27.65% 0.0368 45.26)` | Wetlands Swamp | white, 14.9 to 1 |
| 7 | `#3e251a` | `oklch(29.37% 0.0427 44.62)` | Brown Pod | white, 14.1 to 1 |
| 8 | `#45281b` | `oklch(31.07% 0.0489 44.01)` | Night Brown | white, 13.3 to 1 |
| 9 | `#4c2b1c` | `oklch(32.68% 0.0554 43.44)` | Couch | white, 12.6 to 1 |
| 10 | `#532d1d` | `oklch(34.26% 0.0628 42.77)` | Boson Brown | white, 11.9 to 1 |
| 11 | `#5b2f1d` | `oklch(35.86% 0.0712 41.98)` | Kōrozen | white, 11.2 to 1 |
| 12 | `#64311d` | `oklch(37.48% 0.0801 41.17)` | Overbaked | white, 10.5 to 1 |
| 13 | `#6c321d` | `oklch(39.13% 0.0891 40.41)` | Hereford Cow Brown | white, 9.9 to 1 |
| 14 | `#75341d` | `oklch(40.83% 0.0978 39.78)` | Mocha Glow | white, 9.2 to 1 |
| 15 | `#7d361d` | `oklch(42.56% 0.1058 39.38)` | Bootstrap Leather | white, 8.6 to 1 |
| 16 | `#86391e` | `oklch(44.36% 0.1128 39.27)` | Rogan Josh | white, 8 to 1 |
| 17 | `#8e3c1f` | `oklch(46.21% 0.1184 39.53)` | Chocolate Covered | white, 7.4 to 1 |
| 18 | `#964121` | `oklch(48.16% 0.1234 40.04)` | Fluorescent Fire | white, 6.8 to 1 |
| 19 | `#9e4522` | `oklch(50.17% 0.1277 40.77)` | Autumn Red | white, 6.3 to 1 |
| 20 | `#a64a24` | `oklch(52.22% 0.1314 41.72)` | Potter’s Clay | white, 5.7 to 1 |
| 21 | `#ae5026` | `oklch(54.31% 0.1344 42.87)` | Cinnamon Stick | white, 5.2 to 1 |
| 22 | `#b55628` | `oklch(56.40% 0.1368 44.21)` | Fallen Canopy | white, 4.8 to 1 |
| 23 | `#bc5d2a` | `oklch(58.48% 0.1383 45.71)` | Smoke Tree | black, 4.7 to 1 |
| 24 | `#c3632d` | `oklch(60.52% 0.1391 47.37)` | Cinnamon Rufous | black, 5.1 to 1 |
| 25 | `#c96b31` | `oklch(62.59% 0.1388 49.32)` | Desert Spice | black, 5.6 to 1 |
| 26 | `#cf7335` | `oklch(64.82% 0.1371 51.77)` | Mann Orange | black, 6.1 to 1 |
| 27 | `#d47c3b` | `oklch(67.12% 0.1343 54.55)` | Fired Up | black, 6.7 to 1 |
| 28 | `#d88642` | `oklch(69.41% 0.1308 57.48)` | Dull Orange | black, 7.4 to 1 |
| 29 | `#dc8f49` | `oklch(71.57% 0.1270 60.37)` | Jasper Orange | black, 8 to 1 |
| 30 | `#e09750` | `oklch(73.52% 0.1235 63.02)` | Magic Melon | black, 8.7 to 1 |
| 31 | `#e39e56` | `oklch(75.15% 0.1205 65.23)` | Apple Crisp | black, 9.2 to 1 |
| 32 | `#e5a35b` | `oklch(76.38% 0.1185 66.83)` | Roasted Squash | black, 9.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1e1612 0.0%, #211813 3.2%, #261a14 6.5%, #2b1c15 9.7%, #311f17 12.9%, #372219 16.1%, #3e251a 19.4%, #45281b 22.6%, #4c2b1c 25.8%, #532d1d 29.0%, #5b2f1d 32.3%, #64311d 35.5%, #6c321d 38.7%, #75341d 41.9%, #7d361d 45.2%, #86391e 48.4%, #8e3c1f 51.6%, #964121 54.8%, #9e4522 58.1%, #a64a24 61.3%, #ae5026 64.5%, #b55628 67.7%, #bc5d2a 71.0%, #c3632d 74.2%, #c96b31 77.4%, #cf7335 80.6%, #d47c3b 83.9%, #d88642 87.1%, #dc8f49 90.3%, #e09750 93.5%, #e39e56 96.8%, #e5a35b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0152 47.81) 0.0%, oklch(21.77% 0.0181 47.47) 3.2%, oklch(22.96% 0.0218 47.02) 6.5%, oklch(24.38% 0.0262 46.48) 9.7%, oklch(25.97% 0.0312 45.89) 12.9%, oklch(27.65% 0.0368 45.26) 16.1%, oklch(29.37% 0.0427 44.62) 19.4%, oklch(31.07% 0.0489 44.01) 22.6%, oklch(32.68% 0.0554 43.44) 25.8%, oklch(34.26% 0.0628 42.77) 29.0%, oklch(35.86% 0.0712 41.98) 32.3%, oklch(37.48% 0.0801 41.17) 35.5%, oklch(39.13% 0.0891 40.41) 38.7%, oklch(40.83% 0.0978 39.78) 41.9%, oklch(42.56% 0.1058 39.38) 45.2%, oklch(44.36% 0.1128 39.27) 48.4%, oklch(46.21% 0.1184 39.53) 51.6%, oklch(48.16% 0.1234 40.04) 54.8%, oklch(50.17% 0.1277 40.77) 58.1%, oklch(52.22% 0.1314 41.72) 61.3%, oklch(54.31% 0.1344 42.87) 64.5%, oklch(56.40% 0.1368 44.21) 67.7%, oklch(58.48% 0.1383 45.71) 71.0%, oklch(60.52% 0.1391 47.37) 74.2%, oklch(62.59% 0.1388 49.32) 77.4%, oklch(64.82% 0.1371 51.77) 80.6%, oklch(67.12% 0.1343 54.55) 83.9%, oklch(69.41% 0.1308 57.48) 87.1%, oklch(71.57% 0.1270 60.37) 90.3%, oklch(73.52% 0.1235 63.02) 93.5%, oklch(75.15% 0.1205 65.23) 96.8%, oklch(76.38% 0.1185 66.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.015 | 47.8 |
| 2 | 0.323 | 0.054 | 43.6 |
| 3 | 0.453 | 0.116 | 39.4 |
| 4 | 0.61 | 0.139 | 47.8 |
| 5 | 0.764 | 0.119 | 66.8 |

## Other forms

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