# Analogous brown, orange and tan angular gradient

Analogous brown, orange and tan angular gradient with 32 colors: #210a06, #250c07, #2b0d08, #320f08, #3a1109, #42130a, #4c160b, #56180b, #5f1b0c, #691e0c, #72220c, #7b250c, #84290a, #8d2c08, #963004, #9f3500, #a73b00, #af4100, #b64700, #be4e00, #c55500, #cc5d00, #d36500, #d96e09, #de791d, #e2852d, #e5903b, #e89a49, #eaa455, #ecac60, #eeb369, #f0b870. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kULh0XMKvAUw9wXoKELA`
- Page: https://grabient.com/kULh0XMKvAUw9wXoKELA?style=angularGradient&steps=32&angle=250
- Drawn as: angular gradient, 32 steps, 250 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.6 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 | `#210a06` | `oklch(18.11% 0.0400 32.34)` | Severely Burnt Toast | white, 18.9 to 1 |
| 2 | `#250c07` | `oklch(19.25% 0.0447 32.49)` | Root Brew | white, 18.5 to 1 |
| 3 | `#2b0d08` | `oklch(20.71% 0.0509 32.61)` | Root Brew | white, 18 to 1 |
| 4 | `#320f08` | `oklch(22.42% 0.0582 32.75)` | Black Rooster | white, 17.4 to 1 |
| 5 | `#3a1109` | `oklch(24.35% 0.0665 32.90)` | Red Bean | white, 16.6 to 1 |
| 6 | `#42130a` | `oklch(26.44% 0.0753 33.10)` | Black Chocolate | white, 15.7 to 1 |
| 7 | `#4c160b` | `oklch(28.63% 0.0844 33.35)` | Hull Red | white, 14.7 to 1 |
| 8 | `#56180b` | `oklch(30.89% 0.0935 33.68)` | Baragon Brown | white, 13.7 to 1 |
| 9 | `#5f1b0c` | `oklch(33.15% 0.1023 34.09)` | Altar Wine | white, 12.6 to 1 |
| 10 | `#691e0c` | `oklch(35.38% 0.1105 34.62)` | Brown Moelleux | white, 11.6 to 1 |
| 11 | `#72220c` | `oklch(37.51% 0.1177 35.27)` | Burning Steppes | white, 10.7 to 1 |
| 12 | `#7b250c` | `oklch(39.54% 0.1242 36.04)` | Drip Coffee | white, 9.9 to 1 |
| 13 | `#84290a` | `oklch(41.59% 0.1308 36.89)` | Red Shade Wash | white, 9.1 to 1 |
| 14 | `#8d2c08` | `oklch(43.66% 0.1375 37.82)` | Red Tone Ink | white, 8.4 to 1 |
| 15 | `#963004` | `oklch(45.74% 0.1441 38.84)` | Hawaiian Malasada | white, 7.7 to 1 |
| 16 | `#9f3500` | `oklch(47.84% 0.1504 39.91)` | Muddy | white, 7 to 1 |
| 17 | `#a73b00` | `oklch(49.95% 0.1534 41.10)` | Rust | white, 6.4 to 1 |
| 18 | `#af4100` | `oklch(52.07% 0.1559 42.41)` | Donkey Kong | white, 5.8 to 1 |
| 19 | `#b64700` | `oklch(54.19% 0.1581 43.83)` | Beef Bourguignon | white, 5.3 to 1 |
| 20 | `#be4e00` | `oklch(56.31% 0.1600 45.35)` | Crustose Lichen | white, 4.9 to 1 |
| 21 | `#c55500` | `oklch(58.43% 0.1616 47.00)` | Rust Orange | black, 4.6 to 1 |
| 22 | `#cc5d00` | `oklch(60.56% 0.1630 48.79)` | Rusty Orange | black, 5.1 to 1 |
| 23 | `#d36500` | `oklch(62.83% 0.1640 50.91)` | Cinnamon | black, 5.6 to 1 |
| 24 | `#d96e09` | `oklch(65.23% 0.1623 53.38)` | Marmalade | black, 6.2 to 1 |
| 25 | `#de791d` | `oklch(67.70% 0.1563 56.03)` | Manticore Wing | black, 6.8 to 1 |
| 26 | `#e2852d` | `oklch(70.19% 0.1493 58.81)` | Kanafeh | black, 7.5 to 1 |
| 27 | `#e5903b` | `oklch(72.62% 0.1417 61.60)` | Velvet Marigold | black, 8.3 to 1 |
| 28 | `#e89a49` | `oklch(74.94% 0.1339 64.33)` | Colorado Peach | black, 9.1 to 1 |
| 29 | `#eaa455` | `oklch(77.09% 0.1264 66.87)` | Jurassic Gold | black, 9.9 to 1 |
| 30 | `#ecac60` | `oklch(79.00% 0.1196 69.15)` | Summer Day | black, 10.6 to 1 |
| 31 | `#eeb369` | `oklch(80.62% 0.1141 71.06)` | Ba-Dum Ching! | black, 11.2 to 1 |
| 32 | `#f0b870` | `oklch(81.89% 0.1102 72.50)` | Golden Corn | black, 11.8 to 1 |

## CSS

```css
background: conic-gradient(from 250deg, #210a06 0.0%, #250c07 3.2%, #2b0d08 6.5%, #320f08 9.7%, #3a1109 12.9%, #42130a 16.1%, #4c160b 19.4%, #56180b 22.6%, #5f1b0c 25.8%, #691e0c 29.0%, #72220c 32.3%, #7b250c 35.5%, #84290a 38.7%, #8d2c08 41.9%, #963004 45.2%, #9f3500 48.4%, #a73b00 51.6%, #af4100 54.8%, #b64700 58.1%, #be4e00 61.3%, #c55500 64.5%, #cc5d00 67.7%, #d36500 71.0%, #d96e09 74.2%, #de791d 77.4%, #e2852d 80.6%, #e5903b 83.9%, #e89a49 87.1%, #eaa455 90.3%, #ecac60 93.5%, #eeb369 96.8%, #f0b870 100.0%);
background: conic-gradient(from 250deg in oklch, oklch(18.11% 0.0400 32.34) 0.0%, oklch(19.25% 0.0447 32.49) 3.2%, oklch(20.71% 0.0509 32.61) 6.5%, oklch(22.42% 0.0582 32.75) 9.7%, oklch(24.35% 0.0665 32.90) 12.9%, oklch(26.44% 0.0753 33.10) 16.1%, oklch(28.63% 0.0844 33.35) 19.4%, oklch(30.89% 0.0935 33.68) 22.6%, oklch(33.15% 0.1023 34.09) 25.8%, oklch(35.38% 0.1105 34.62) 29.0%, oklch(37.51% 0.1177 35.27) 32.3%, oklch(39.54% 0.1242 36.04) 35.5%, oklch(41.59% 0.1308 36.89) 38.7%, oklch(43.66% 0.1375 37.82) 41.9%, oklch(45.74% 0.1441 38.84) 45.2%, oklch(47.84% 0.1504 39.91) 48.4%, oklch(49.95% 0.1534 41.10) 51.6%, oklch(52.07% 0.1559 42.41) 54.8%, oklch(54.19% 0.1581 43.83) 58.1%, oklch(56.31% 0.1600 45.35) 61.3%, oklch(58.43% 0.1616 47.00) 64.5%, oklch(60.56% 0.1630 48.79) 67.7%, oklch(62.83% 0.1640 50.91) 71.0%, oklch(65.23% 0.1623 53.38) 74.2%, oklch(67.70% 0.1563 56.03) 77.4%, oklch(70.19% 0.1493 58.81) 80.6%, oklch(72.62% 0.1417 61.60) 83.9%, oklch(74.94% 0.1339 64.33) 87.1%, oklch(77.09% 0.1264 66.87) 90.3%, oklch(79.00% 0.1196 69.15) 93.5%, oklch(80.62% 0.1141 71.06) 96.8%, oklch(81.89% 0.1102 72.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.04 | 32.3 |
| 2 | 0.382 | 0.12 | 35.5 |
| 3 | 0.598 | 0.169 | 48.2 |
| 4 | 0.819 | 0.11 | 72.5 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Sunrise swatches](https://grabient.com/sunrise-swatches)
- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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