# Analogous orange, brown, gray and red radial gradient

Analogous orange, brown, gray and red radial gradient with 40 colors: #eb9c45, #e29442, #d6893e, #c87c39, #b76e34, #a55f2e, #935027, #814221, #6f351b, #5f2a16, #512012, #45190e, #3c140c, #37120c, #36120e, #371512, #3b1b18, #41221f, #482a28, #513431, #5b3e3c, #654846, #6f5250, #795b59, #826360, #896866, #8e6b69, #926c69, #956a67, #986763, #99625e, #9a5c57, #9b564f, #9a4f47, #9a473e, #993f35, #98372b, #973023, #962a1a, #962514. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUwGQunpa70eQvw4t0Dg`
- Page: https://grabient.com/kUwGQunpa70eQvw4t0Dg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#eb9c45` | `oklch(75.59% 0.1378 65.39)` | Cornucopia | black, 9.3 to 1 |
| 2 | `#e29442` | `oklch(73.08% 0.1343 63.78)` | Yellow Sumac | black, 8.5 to 1 |
| 3 | `#d6893e` | `oklch(69.66% 0.1297 61.67)` | Coppersmith | black, 7.5 to 1 |
| 4 | `#c87c39` | `oklch(65.49% 0.1243 59.16)` | Rumba Orange | black, 6.3 to 1 |
| 5 | `#b76e34` | `oklch(60.78% 0.1181 56.33)` | Brown Alpaca | black, 5.2 to 1 |
| 6 | `#a55f2e` | `oklch(55.69% 0.1115 53.27)` | Scarecrow Frown | white, 4.8 to 1 |
| 7 | `#935027` | `oklch(50.43% 0.1045 50.05)` | Rusty | white, 6.1 to 1 |
| 8 | `#814221` | `oklch(45.17% 0.0974 46.77)` | Russet | white, 7.6 to 1 |
| 9 | `#6f351b` | `oklch(40.09% 0.0903 43.52)` | Rosewood Brown | white, 9.5 to 1 |
| 10 | `#5f2a16` | `oklch(35.39% 0.0834 40.36)` | Hot Fudge | white, 11.5 to 1 |
| 11 | `#512012` | `oklch(31.25% 0.0770 37.40)` | Peaty Brown | white, 13.4 to 1 |
| 12 | `#45190e` | `oklch(27.85% 0.0712 34.72)` | Barbecue Sauce | white, 15 to 1 |
| 13 | `#3c140c` | `oklch(25.38% 0.0661 32.40)` | Dark Sienna | white, 16.1 to 1 |
| 14 | `#37120c` | `oklch(24.02% 0.0620 30.52)` | Black Rooster | white, 16.7 to 1 |
| 15 | `#36120e` | `oklch(23.87% 0.0585 29.01)` | Black Rooster | white, 16.8 to 1 |
| 16 | `#371512` | `oklch(24.81% 0.0550 27.71)` | Tamarind | white, 16.3 to 1 |
| 17 | `#3b1b18` | `oklch(26.64% 0.0516 26.61)` | Rustic Red | white, 15.5 to 1 |
| 18 | `#41221f` | `oklch(29.21% 0.0485 25.70)` | Marmite | white, 14.2 to 1 |
| 19 | `#482a28` | `oklch(32.33% 0.0458 24.95)` | Rookwood Dark Red | white, 12.7 to 1 |
| 20 | `#513431` | `oklch(35.83% 0.0434 24.36)` | American Mahogany | white, 11.1 to 1 |
| 21 | `#5b3e3c` | `oklch(39.54% 0.0415 23.90)` | Divine Wine | white, 9.5 to 1 |
| 22 | `#654846` | `oklch(43.28% 0.0402 23.56)` | Outer Boundary | white, 8.1 to 1 |
| 23 | `#6f5250` | `oklch(46.87% 0.0396 23.33)` | Buccaneer | white, 6.9 to 1 |
| 24 | `#795b59` | `oklch(50.14% 0.0397 23.18)` | Dove Feather | white, 6 to 1 |
| 25 | `#826360` | `oklch(52.92% 0.0407 23.11)` | Aged Beech | white, 5.4 to 1 |
| 26 | `#896866` | `oklch(55.03% 0.0426 23.10)` | Ferra | white, 4.9 to 1 |
| 27 | `#8e6b69` | `oklch(56.30% 0.0455 23.12)` | Moss Rose | white, 4.6 to 1 |
| 28 | `#926c69` | `oklch(56.80% 0.0499 23.27)` | Moss Rose | white, 4.6 to 1 |
| 29 | `#956a67` | `oklch(56.79% 0.0561 23.63)` | Clay Ridge | white, 4.6 to 1 |
| 30 | `#986763` | `oklch(56.34% 0.0638 24.16)` | Cedar Ridge | white, 4.7 to 1 |
| 31 | `#99625e` | `oklch(55.53% 0.0726 24.83)` | Roulette | white, 4.9 to 1 |
| 32 | `#9a5c57` | `oklch(54.43% 0.0822 25.60)` | Rhode Island Red | white, 5.1 to 1 |
| 33 | `#9b564f` | `oklch(53.12% 0.0923 26.45)` | Walleye | white, 5.4 to 1 |
| 34 | `#9a4f47` | `oklch(51.68% 0.1027 27.33)` | Thy Flesh Consumed | white, 5.8 to 1 |
| 35 | `#9a473e` | `oklch(50.18% 0.1129 28.22)` | Mature Cognac | white, 6.2 to 1 |
| 36 | `#993f35` | `oklch(48.70% 0.1227 29.08)` | Barrel Sponge | white, 6.7 to 1 |
| 37 | `#98372b` | `oklch(47.31% 0.1318 29.88)` | Brown Labrador | white, 7.1 to 1 |
| 38 | `#973023` | `oklch(46.10% 0.1399 30.58)` | Chocolate Lust | white, 7.6 to 1 |
| 39 | `#962a1a` | `oklch(45.13% 0.1466 31.16)` | Bestial Red | white, 7.9 to 1 |
| 40 | `#962514` | `oklch(44.49% 0.1516 31.57)` | Bestial Red | white, 8.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eb9c45 0.0%, #e29442 2.6%, #d6893e 5.1%, #c87c39 7.7%, #b76e34 10.3%, #a55f2e 12.8%, #935027 15.4%, #814221 17.9%, #6f351b 20.5%, #5f2a16 23.1%, #512012 25.6%, #45190e 28.2%, #3c140c 30.8%, #37120c 33.3%, #36120e 35.9%, #371512 38.5%, #3b1b18 41.0%, #41221f 43.6%, #482a28 46.2%, #513431 48.7%, #5b3e3c 51.3%, #654846 53.8%, #6f5250 56.4%, #795b59 59.0%, #826360 61.5%, #896866 64.1%, #8e6b69 66.7%, #926c69 69.2%, #956a67 71.8%, #986763 74.4%, #99625e 76.9%, #9a5c57 79.5%, #9b564f 82.1%, #9a4f47 84.6%, #9a473e 87.2%, #993f35 89.7%, #98372b 92.3%, #973023 94.9%, #962a1a 97.4%, #962514 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.59% 0.1378 65.39) 0.0%, oklch(73.08% 0.1343 63.78) 2.6%, oklch(69.66% 0.1297 61.67) 5.1%, oklch(65.49% 0.1243 59.16) 7.7%, oklch(60.78% 0.1181 56.33) 10.3%, oklch(55.69% 0.1115 53.27) 12.8%, oklch(50.43% 0.1045 50.05) 15.4%, oklch(45.17% 0.0974 46.77) 17.9%, oklch(40.09% 0.0903 43.52) 20.5%, oklch(35.39% 0.0834 40.36) 23.1%, oklch(31.25% 0.0770 37.40) 25.6%, oklch(27.85% 0.0712 34.72) 28.2%, oklch(25.38% 0.0661 32.40) 30.8%, oklch(24.02% 0.0620 30.52) 33.3%, oklch(23.87% 0.0585 29.01) 35.9%, oklch(24.81% 0.0550 27.71) 38.5%, oklch(26.64% 0.0516 26.61) 41.0%, oklch(29.21% 0.0485 25.70) 43.6%, oklch(32.33% 0.0458 24.95) 46.2%, oklch(35.83% 0.0434 24.36) 48.7%, oklch(39.54% 0.0415 23.90) 51.3%, oklch(43.28% 0.0402 23.56) 53.8%, oklch(46.87% 0.0396 23.33) 56.4%, oklch(50.14% 0.0397 23.18) 59.0%, oklch(52.92% 0.0407 23.11) 61.5%, oklch(55.03% 0.0426 23.10) 64.1%, oklch(56.30% 0.0455 23.12) 66.7%, oklch(56.80% 0.0499 23.27) 69.2%, oklch(56.79% 0.0561 23.63) 71.8%, oklch(56.34% 0.0638 24.16) 74.4%, oklch(55.53% 0.0726 24.83) 76.9%, oklch(54.43% 0.0822 25.60) 79.5%, oklch(53.12% 0.0923 26.45) 82.1%, oklch(51.68% 0.1027 27.33) 84.6%, oklch(50.18% 0.1129 28.22) 87.2%, oklch(48.70% 0.1227 29.08) 89.7%, oklch(47.31% 0.1318 29.88) 92.3%, oklch(46.10% 0.1399 30.58) 94.9%, oklch(45.13% 0.1466 31.16) 97.4%, oklch(44.49% 0.1516 31.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.138 | 65.4 |
| 2 | 0.24 | 0.062 | 30.5 |
| 3 | 0.563 | 0.045 | 23.1 |
| 4 | 0.445 | 0.152 | 31.6 |

## Other forms

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