# Orange, tan, gray and dark purple linear gradient

Orange, tan, gray and dark purple linear gradient with 32 colors: #c46417, #c86b21, #ce752d, #d48039, #db8c47, #e19854, #e6a361, #e9af6f, #edbc81, #f1ca95, #f4d5a7, #f4ddb3, #efdeb8, #e4d6af, #cec297, #b2a876, #958e53, #7b7935, #6a6c23, #666d27, #718045, #899d6f, #a9bf9c, #cbddc4, #e3f0de, #e8f0df, #d8dac4, #bfb398, #a3826a, #83524a, #612b3a, #481432. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYmmol4ilBfITQpAosL-IjB6SgLy`
- Page: https://grabient.com/kYmmol4ilBfITQpAosL-IjB6SgLy?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#c46417` | `oklch(60.63% 0.1461 52.73)` | Alloy Orange | black, 5.1 to 1 |
| 2 | `#c86b21` | `oklch(62.40% 0.1429 53.96)` | Kincha Brown | black, 5.5 to 1 |
| 3 | `#ce752d` | `oklch(64.88% 0.1388 55.55)` | Ochre Maroon | black, 6.1 to 1 |
| 4 | `#d48039` | `oklch(67.80% 0.1339 57.48)` | Phoenix Rising | black, 6.9 to 1 |
| 5 | `#db8c47` | `oklch(70.92% 0.1281 59.70)` | Golden Nugget | black, 7.8 to 1 |
| 6 | `#e19854` | `oklch(73.96% 0.1216 62.17)` | Magic Melon | black, 8.8 to 1 |
| 7 | `#e6a361` | `oklch(76.68% 0.1145 64.86)` | South Haven | black, 9.7 to 1 |
| 8 | `#e9af6f` | `oklch(79.36% 0.1058 67.79)` | Evening Sunset | black, 10.7 to 1 |
| 9 | `#edbc81` | `oklch(82.65% 0.0943 71.07)` | Fragrant Coriander | black, 12.1 to 1 |
| 10 | `#f1ca95` | `oklch(86.01% 0.0817 74.61)` | Warm Sunshine | black, 13.6 to 1 |
| 11 | `#f4d5a7` | `oklch(88.82% 0.0696 78.35)` | Enjoyable Yellow | black, 14.9 to 1 |
| 12 | `#f4ddb3` | `oklch(90.49% 0.0596 82.19)` | Pina Colada | black, 15.7 to 1 |
| 13 | `#efdeb8` | `oklch(90.41% 0.0534 86.07)` | Lantern | black, 15.7 to 1 |
| 14 | `#e4d6af` | `oklch(87.68% 0.0529 89.97)` | Anise Biscotti | black, 14.4 to 1 |
| 15 | `#cec297` | `oklch(81.32% 0.0589 94.14)` | Hippolyta | black, 11.7 to 1 |
| 16 | `#b2a876` | `oklch(72.82% 0.0688 98.45)` | Bamboo Forest | black, 8.7 to 1 |
| 17 | `#958e53` | `oklch(63.89% 0.0800 102.77)` | Amazon Queen | black, 6.2 to 1 |
| 18 | `#7b7935` | `oklch(56.22% 0.0896 106.95)` | Evening Green | black, 4.6 to 1 |
| 19 | `#6a6c23` | `oklch(51.50% 0.0950 110.84)` | Forest Spirit | white, 5.5 to 1 |
| 20 | `#666d27` | `oklch(51.50% 0.0934 114.61)` | Forest Spirit | white, 5.5 to 1 |
| 21 | `#718045` | `oklch(57.30% 0.0839 120.49)` | Rockwall Vine | black, 4.8 to 1 |
| 22 | `#899d6f` | `oklch(66.88% 0.0694 127.41)` | Purslane | black, 7.1 to 1 |
| 23 | `#a9bf9c` | `oklch(77.81% 0.0529 133.48)` | Rolling Glen | black, 10.6 to 1 |
| 24 | `#cbddc4` | `oklch(87.66% 0.0377 136.81)` | Shanghai Silk | black, 14.6 to 1 |
| 25 | `#e3f0de` | `oklch(93.99% 0.0268 135.51)` | Winter Shamrock | black, 17.7 to 1 |
| 26 | `#e8f0df` | `oklch(94.38% 0.0235 127.63)` | Mayfair White | black, 17.9 to 1 |
| 27 | `#d8dac4` | `oklch(88.02% 0.0284 110.31)` | Feng Shui | black, 14.7 to 1 |
| 28 | `#bfb398` | `oklch(76.87% 0.0390 85.58)` | Clay Pebble | black, 10 to 1 |
| 29 | `#a3826a` | `oklch(63.14% 0.0528 57.24)` | Iced Mocha | black, 5.9 to 1 |
| 30 | `#83524a` | `oklch(49.07% 0.0673 29.06)` | Root Beer | white, 6.4 to 1 |
| 31 | `#612b3a` | `oklch(36.86% 0.0799 4.81)` | Windsor Wine | white, 10.9 to 1 |
| 32 | `#481432` | `oklch(28.74% 0.0882 348.27)` | Blackberry | white, 14.7 to 1 |

## CSS

```css
background: linear-gradient(315deg, #c46417 0.0%, #c86b21 3.2%, #ce752d 6.5%, #d48039 9.7%, #db8c47 12.9%, #e19854 16.1%, #e6a361 19.4%, #e9af6f 22.6%, #edbc81 25.8%, #f1ca95 29.0%, #f4d5a7 32.3%, #f4ddb3 35.5%, #efdeb8 38.7%, #e4d6af 41.9%, #cec297 45.2%, #b2a876 48.4%, #958e53 51.6%, #7b7935 54.8%, #6a6c23 58.1%, #666d27 61.3%, #718045 64.5%, #899d6f 67.7%, #a9bf9c 71.0%, #cbddc4 74.2%, #e3f0de 77.4%, #e8f0df 80.6%, #d8dac4 83.9%, #bfb398 87.1%, #a3826a 90.3%, #83524a 93.5%, #612b3a 96.8%, #481432 100.0%);
background: linear-gradient(315deg in oklch, oklch(60.63% 0.1461 52.73) 0.0%, oklch(62.40% 0.1429 53.96) 3.2%, oklch(64.88% 0.1388 55.55) 6.5%, oklch(67.80% 0.1339 57.48) 9.7%, oklch(70.92% 0.1281 59.70) 12.9%, oklch(73.96% 0.1216 62.17) 16.1%, oklch(76.68% 0.1145 64.86) 19.4%, oklch(79.36% 0.1058 67.79) 22.6%, oklch(82.65% 0.0943 71.07) 25.8%, oklch(86.01% 0.0817 74.61) 29.0%, oklch(88.82% 0.0696 78.35) 32.3%, oklch(90.49% 0.0596 82.19) 35.5%, oklch(90.41% 0.0534 86.07) 38.7%, oklch(87.68% 0.0529 89.97) 41.9%, oklch(81.32% 0.0589 94.14) 45.2%, oklch(72.82% 0.0688 98.45) 48.4%, oklch(63.89% 0.0800 102.77) 51.6%, oklch(56.22% 0.0896 106.95) 54.8%, oklch(51.50% 0.0950 110.84) 58.1%, oklch(51.50% 0.0934 114.61) 61.3%, oklch(57.30% 0.0839 120.49) 64.5%, oklch(66.88% 0.0694 127.41) 67.7%, oklch(77.81% 0.0529 133.48) 71.0%, oklch(87.66% 0.0377 136.81) 74.2%, oklch(93.99% 0.0268 135.51) 77.4%, oklch(94.38% 0.0235 127.63) 80.6%, oklch(88.02% 0.0284 110.31) 83.9%, oklch(76.87% 0.0390 85.58) 87.1%, oklch(63.14% 0.0528 57.24) 90.3%, oklch(49.07% 0.0673 29.06) 93.5%, oklch(36.86% 0.0799 4.81) 96.8%, oklch(28.74% 0.0882 348.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.146 | 52.7 |
| 2 | 0.772 | 0.113 | 65.4 |
| 3 | 0.898 | 0.052 | 87.6 |
| 4 | 0.508 | 0.095 | 113 |
| 5 | 0.949 | 0.023 | 129.9 |
| 6 | 0.287 | 0.088 | -11.7 |

## Other forms

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