# Vivid tan, orange and maroon linear gradient

Vivid tan, orange and maroon linear gradient with 32 colors: #dcc26c, #dbbf66, #d9ba5f, #d8b455, #d6ad4a, #d4a53e, #d39d31, #d19524, #cf8d16, #cc8405, #c97c00, #c57200, #c16900, #bd5f00, #b95600, #b44c00, #af4402, #aa3b02, #a53302, #9f2a01, #9a2001, #941701, #8e0c01, #880201, #800003, #790004, #710003, #6a0002, #640000, #5e0100, #580200, #540300. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW0FBC2LM90Q3vExuj4JClAA`
- Page: https://grabient.com/kW0FBC2LM90Q3vExuj4JClAA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#dcc26c` | `oklch(81.89% 0.1102 93.52)` | Highlight Gold | black, 12 to 1 |
| 2 | `#dbbf66` | `oklch(80.94% 0.1128 92.17)` | Highlight Gold | black, 11.6 to 1 |
| 3 | `#d9ba5f` | `oklch(79.70% 0.1163 90.47)` | Misted Yellow | black, 11.1 to 1 |
| 4 | `#d8b455` | `oklch(78.23% 0.1206 88.45)` | Strike It Rich | black, 10.5 to 1 |
| 5 | `#d6ad4a` | `oklch(76.58% 0.1252 86.15)` | Golden Rule | black, 9.9 to 1 |
| 6 | `#d4a53e` | `oklch(74.80% 0.1299 83.59)` | Curry | black, 9.2 to 1 |
| 7 | `#d39d31` | `oklch(72.95% 0.1343 80.82)` | Roman Gold | black, 8.6 to 1 |
| 8 | `#d19524` | `oklch(71.07% 0.1382 77.87)` | Golden Pheasant | black, 8 to 1 |
| 9 | `#cf8d16` | `oklch(69.22% 0.1412 74.75)` | End of Summer | black, 7.4 to 1 |
| 10 | `#cc8405` | `oklch(67.29% 0.1436 71.17)` | Lobster Butter Sauce | black, 6.8 to 1 |
| 11 | `#c97c00` | `oklch(65.24% 0.1441 67.12)` | Seabuckthorn Yellow Brown | black, 6.3 to 1 |
| 12 | `#c57200` | `oklch(63.11% 0.1442 62.82)` | Dirty Orange | black, 5.7 to 1 |
| 13 | `#c16900` | `oklch(60.95% 0.1452 58.42)` | Hawaiian Sunset | black, 5.2 to 1 |
| 14 | `#bd5f00` | `oklch(58.77% 0.1471 54.11)` | Dry Clay | black, 4.8 to 1 |
| 15 | `#b95600` | `oklch(56.63% 0.1496 50.06)` | Obscure Orange | white, 4.7 to 1 |
| 16 | `#b44c00` | `oklch(54.55% 0.1522 46.45)` | Skrag Brown | white, 5.2 to 1 |
| 17 | `#af4402` | `oklch(52.55% 0.1537 43.43)` | Pepperoni | white, 5.7 to 1 |
| 18 | `#aa3b02` | `oklch(50.57% 0.1554 40.65)` | Rust | white, 6.2 to 1 |
| 19 | `#a53302` | `oklch(48.59% 0.1575 38.10)` | Enfield Brown | white, 6.8 to 1 |
| 20 | `#9f2a01` | `oklch(46.64% 0.1594 35.80)` | Tabasco | white, 7.4 to 1 |
| 21 | `#9a2001` | `oklch(44.73% 0.1610 33.75)` | Garden Gnome Red | white, 8.1 to 1 |
| 22 | `#941701` | `oklch(42.87% 0.1619 31.98)` | Cayenne | white, 8.8 to 1 |
| 23 | `#8e0c01` | `oklch(41.09% 0.1618 30.49)` | Scoville Highness | white, 9.5 to 1 |
| 24 | `#880201` | `oklch(39.39% 0.1604 29.30)` | Glass Bull | white, 10.2 to 1 |
| 25 | `#800003` | `oklch(37.76% 0.1546 28.54)` | Maroon | white, 10.9 to 1 |
| 26 | `#790004` | `oklch(36.12% 0.1477 28.22)` | Demon | white, 11.6 to 1 |
| 27 | `#710003` | `oklch(34.50% 0.1411 28.28)` | Hellbound | white, 12.3 to 1 |
| 28 | `#6a0002` | `oklch(32.96% 0.1350 28.61)` | Arcavia Red | white, 13 to 1 |
| 29 | `#640000` | `oklch(31.53% 0.1293 29.08)` | Red Blood | white, 13.6 to 1 |
| 30 | `#5e0100` | `oklch(30.24% 0.1231 29.50)` | Spikey Red | white, 14.2 to 1 |
| 31 | `#580200` | `oklch(29.17% 0.1171 29.90)` | Soooo Bloody | white, 14.7 to 1 |
| 32 | `#540300` | `oklch(28.35% 0.1130 30.11)` | Soooo Bloody | white, 15 to 1 |

## CSS

```css
background: linear-gradient(90deg, #dcc26c 0.0%, #dbbf66 3.2%, #d9ba5f 6.5%, #d8b455 9.7%, #d6ad4a 12.9%, #d4a53e 16.1%, #d39d31 19.4%, #d19524 22.6%, #cf8d16 25.8%, #cc8405 29.0%, #c97c00 32.3%, #c57200 35.5%, #c16900 38.7%, #bd5f00 41.9%, #b95600 45.2%, #b44c00 48.4%, #af4402 51.6%, #aa3b02 54.8%, #a53302 58.1%, #9f2a01 61.3%, #9a2001 64.5%, #941701 67.7%, #8e0c01 71.0%, #880201 74.2%, #800003 77.4%, #790004 80.6%, #710003 83.9%, #6a0002 87.1%, #640000 90.3%, #5e0100 93.5%, #580200 96.8%, #540300 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.89% 0.1102 93.52) 0.0%, oklch(80.94% 0.1128 92.17) 3.2%, oklch(79.70% 0.1163 90.47) 6.5%, oklch(78.23% 0.1206 88.45) 9.7%, oklch(76.58% 0.1252 86.15) 12.9%, oklch(74.80% 0.1299 83.59) 16.1%, oklch(72.95% 0.1343 80.82) 19.4%, oklch(71.07% 0.1382 77.87) 22.6%, oklch(69.22% 0.1412 74.75) 25.8%, oklch(67.29% 0.1436 71.17) 29.0%, oklch(65.24% 0.1441 67.12) 32.3%, oklch(63.11% 0.1442 62.82) 35.5%, oklch(60.95% 0.1452 58.42) 38.7%, oklch(58.77% 0.1471 54.11) 41.9%, oklch(56.63% 0.1496 50.06) 45.2%, oklch(54.55% 0.1522 46.45) 48.4%, oklch(52.55% 0.1537 43.43) 51.6%, oklch(50.57% 0.1554 40.65) 54.8%, oklch(48.59% 0.1575 38.10) 58.1%, oklch(46.64% 0.1594 35.80) 61.3%, oklch(44.73% 0.1610 33.75) 64.5%, oklch(42.87% 0.1619 31.98) 67.7%, oklch(41.09% 0.1618 30.49) 71.0%, oklch(39.39% 0.1604 29.30) 74.2%, oklch(37.76% 0.1546 28.54) 77.4%, oklch(36.12% 0.1477 28.22) 80.6%, oklch(34.50% 0.1411 28.28) 83.9%, oklch(32.96% 0.1350 28.61) 87.1%, oklch(31.53% 0.1293 29.08) 90.3%, oklch(30.24% 0.1231 29.50) 93.5%, oklch(29.17% 0.1171 29.90) 96.8%, oklch(28.35% 0.1130 30.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.11 | 93.5 |
| 2 | 0.697 | 0.141 | 75.6 |
| 3 | 0.535 | 0.153 | 44.9 |
| 4 | 0.39 | 0.16 | 29.1 |
| 5 | 0.283 | 0.113 | 30.1 |

## In these collections

- [Harvest gradients](https://grabient.com/harvest-gradients)
- [Weather map gradients](https://grabient.com/weather-map-gradients)
- [Wheat field sunset](https://grabient.com/wheat-field-sunset)
- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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