# Wheat magenta sunset diagonal

Warm orange, tan and pink linear gradient with 56 colors: #c98131, #cb8433, #ce8736, #d18b3a, #d5903e, #d99543, #dd9a48, #e1a04c, #e5a551, #e9aa55, #edaf59, #efb35c, #f2b65e, #f3b85f, #f4ba5f, #f3ba5d, #f2b95b, #efb857, #ecb753, #e8b54e, #e4b349, #e0b042, #dcac3c, #d9a934, #d6a52c, #d4a123, #d29d18, #d2980a, #d39300, #d48d00, #d68600, #da7e00, #dc750e, #de6c21, #df6431, #df5b3f, #dd544d, #db4d59, #d74965, #d34570, #d04378, #cc427f, #c94285, #c74389, #c5458c, #c4478f, #c34a91, #c34c92, #c34f93, #c35294, #c45594, #c45894, #c55b95, #c55d95, #c55e96, #c56096. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Warm orange, tan and pink linear gradient
- Seed: `kWqV0uaK5BVq1wFLQjYT7Q_A`
- Page: https://grabient.com/kWqV0uaK5BVq1wFLQjYT7Q_A?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#c98131` | `oklch(66.54% 0.1281 64.69)` | Golden Bell | black, 6.6 to 1 |
| 2 | `#cb8433` | `oklch(67.25% 0.1280 65.19)` | Dixie | black, 6.8 to 1 |
| 3 | `#ce8736` | `oklch(68.23% 0.1278 65.84)` | Pumpkin Squash | black, 7.1 to 1 |
| 4 | `#d18b3a` | `oklch(69.42% 0.1275 66.61)` | Caramelise | black, 7.4 to 1 |
| 5 | `#d5903e` | `oklch(70.77% 0.1272 67.47)` | Suede Vest | black, 7.8 to 1 |
| 6 | `#d99543` | `oklch(72.23% 0.1268 68.41)` | Hint of Caramel | black, 8.3 to 1 |
| 7 | `#dd9a48` | `oklch(73.75% 0.1265 69.41)` | Aged Gouda | black, 8.8 to 1 |
| 8 | `#e1a04c` | `oklch(75.29% 0.1261 70.43)` | Golden Tiger | black, 9.3 to 1 |
| 9 | `#e5a551` | `oklch(76.79% 0.1259 71.46)` | Jurassic Gold | black, 9.8 to 1 |
| 10 | `#e9aa55` | `oklch(78.21% 0.1257 72.47)` | Optimist Gold | black, 10.3 to 1 |
| 11 | `#edaf59` | `oklch(79.49% 0.1256 73.44)` | Shiny Trumpet | black, 10.8 to 1 |
| 12 | `#efb35c` | `oklch(80.60% 0.1257 74.34)` | Cheater | black, 11.2 to 1 |
| 13 | `#f2b65e` | `oklch(81.47% 0.1259 75.16)` | Golden Hour | black, 11.6 to 1 |
| 14 | `#f3b85f` | `oklch(82.05% 0.1263 75.87)` | Crunch | black, 11.8 to 1 |
| 15 | `#f4ba5f` | `oklch(82.32% 0.1270 76.46)` | Crunch | black, 11.9 to 1 |
| 16 | `#f3ba5d` | `oklch(82.29% 0.1278 77.24)` | Crunch | black, 11.9 to 1 |
| 17 | `#f2b95b` | `oklch(82.03% 0.1287 78.28)` | Crunch | black, 11.8 to 1 |
| 18 | `#efb857` | `oklch(81.55% 0.1298 79.49)` | Yellow Coneflower | black, 11.7 to 1 |
| 19 | `#ecb753` | `oklch(80.89% 0.1311 80.78)` | Yellow Coneflower | black, 11.4 to 1 |
| 20 | `#e8b54e` | `oklch(80.08% 0.1324 82.04)` | Honey Glow | black, 11.1 to 1 |
| 21 | `#e4b349` | `oklch(79.15% 0.1339 83.21)` | Va Va Voom | black, 10.8 to 1 |
| 22 | `#e0b042` | `oklch(78.13% 0.1355 84.18)` | Gambol Gold | black, 10.4 to 1 |
| 23 | `#dcac3c` | `oklch(77.04% 0.1371 84.86)` | Currywurst | black, 10 to 1 |
| 24 | `#d9a934` | `oklch(75.92% 0.1389 85.17)` | Brassy Tint | black, 9.6 to 1 |
| 25 | `#d6a52c` | `oklch(74.80% 0.1407 85.01)` | Curry | black, 9.2 to 1 |
| 26 | `#d4a123` | `oklch(73.70% 0.1425 84.29)` | Mustard Musketeers | black, 8.9 to 1 |
| 27 | `#d29d18` | `oklch(72.66% 0.1445 82.93)` | Herald’s Trumpet | black, 8.5 to 1 |
| 28 | `#d2980a` | `oklch(71.70% 0.1464 80.84)` | Leopard | black, 8.2 to 1 |
| 29 | `#d39300` | `oklch(70.83% 0.1477 77.85)` | Elysium Gold | black, 7.9 to 1 |
| 30 | `#d48d00` | `oklch(69.90% 0.1484 73.71)` | End of Summer | black, 7.6 to 1 |
| 31 | `#d68600` | `oklch(68.90% 0.1507 68.53)` | Fleur de Sel Caramel | black, 7.3 to 1 |
| 32 | `#da7e00` | `oklch(67.86% 0.1555 62.50)` | Orange Pepper | black, 6.9 to 1 |
| 33 | `#dc750e` | `oklch(66.79% 0.1603 55.84)` | Manticore Wing | black, 6.6 to 1 |
| 34 | `#de6c21` | `oklch(65.71% 0.1637 48.68)` | Fading Ember | black, 6.2 to 1 |
| 35 | `#df6431` | `oklch(64.64% 0.1671 41.23)` | Bronzed | black, 5.9 to 1 |
| 36 | `#df5b3f` | `oklch(63.60% 0.1704 33.68)` | Festival Orange | black, 5.7 to 1 |
| 37 | `#dd544d` | `oklch(62.62% 0.1734 26.23)` | Capocollo | black, 5.4 to 1 |
| 38 | `#db4d59` | `oklch(61.70% 0.1762 19.05)` | Re-Entry | black, 5.2 to 1 |
| 39 | `#d74965` | `oklch(60.88% 0.1785 12.34)` | Geranium | black, 5 to 1 |
| 40 | `#d34570` | `oklch(60.16% 0.1803 6.28)` | Pink Punch | black, 4.8 to 1 |
| 41 | `#d04378` | `oklch(59.58% 0.1814 1.06)` | Rubber Band | black, 4.7 to 1 |
| 42 | `#cc427f` | `oklch(59.14% 0.1819 356.86)` | Jaipur Pink | black, 4.6 to 1 |
| 43 | `#c94285` | `oklch(58.87% 0.1815 353.73)` | Smitten | black, 4.6 to 1 |
| 44 | `#c74389` | `oklch(58.77% 0.1802 351.32)` | Smitten | black, 4.5 to 1 |
| 45 | `#c5458c` | `oklch(58.81% 0.1782 349.53)` | Smitten | black, 4.6 to 1 |
| 46 | `#c4478f` | `oklch(58.98% 0.1756 348.29)` | Mulberry Yoghurt | black, 4.6 to 1 |
| 47 | `#c34a91` | `oklch(59.25% 0.1725 347.52)` | Mulberry Yoghurt | black, 4.7 to 1 |
| 48 | `#c34c92` | `oklch(59.60% 0.1690 347.14)` | Rose Violet | black, 4.7 to 1 |
| 49 | `#c34f93` | `oklch(60.01% 0.1652 347.07)` | Rose Violet | black, 4.8 to 1 |
| 50 | `#c35294` | `oklch(60.45% 0.1614 347.23)` | Rose Violet | black, 4.9 to 1 |
| 51 | `#c45594` | `oklch(60.91% 0.1576 347.55)` | Llilacquered | black, 5 to 1 |
| 52 | `#c45894` | `oklch(61.35% 0.1539 347.93)` | Llilacquered | black, 5.1 to 1 |
| 53 | `#c55b95` | `oklch(61.77% 0.1505 348.31)` | Llilacquered | black, 5.2 to 1 |
| 54 | `#c55d95` | `oklch(62.13% 0.1475 348.60)` | Llilacquered | black, 5.3 to 1 |
| 55 | `#c55e96` | `oklch(62.41% 0.1451 348.72)` | Llilacquered | black, 5.4 to 1 |
| 56 | `#c56096` | `oklch(62.60% 0.1433 348.60)` | Llilacquered | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c98131 0.0%, #cb8433 1.8%, #ce8736 3.6%, #d18b3a 5.5%, #d5903e 7.3%, #d99543 9.1%, #dd9a48 10.9%, #e1a04c 12.7%, #e5a551 14.5%, #e9aa55 16.4%, #edaf59 18.2%, #efb35c 20.0%, #f2b65e 21.8%, #f3b85f 23.6%, #f4ba5f 25.5%, #f3ba5d 27.3%, #f2b95b 29.1%, #efb857 30.9%, #ecb753 32.7%, #e8b54e 34.5%, #e4b349 36.4%, #e0b042 38.2%, #dcac3c 40.0%, #d9a934 41.8%, #d6a52c 43.6%, #d4a123 45.5%, #d29d18 47.3%, #d2980a 49.1%, #d39300 50.9%, #d48d00 52.7%, #d68600 54.5%, #da7e00 56.4%, #dc750e 58.2%, #de6c21 60.0%, #df6431 61.8%, #df5b3f 63.6%, #dd544d 65.5%, #db4d59 67.3%, #d74965 69.1%, #d34570 70.9%, #d04378 72.7%, #cc427f 74.5%, #c94285 76.4%, #c74389 78.2%, #c5458c 80.0%, #c4478f 81.8%, #c34a91 83.6%, #c34c92 85.5%, #c34f93 87.3%, #c35294 89.1%, #c45594 90.9%, #c45894 92.7%, #c55b95 94.5%, #c55d95 96.4%, #c55e96 98.2%, #c56096 100.0%);
background: linear-gradient(45deg in oklch, oklch(66.54% 0.1281 64.69) 0.0%, oklch(67.25% 0.1280 65.19) 1.8%, oklch(68.23% 0.1278 65.84) 3.6%, oklch(69.42% 0.1275 66.61) 5.5%, oklch(70.77% 0.1272 67.47) 7.3%, oklch(72.23% 0.1268 68.41) 9.1%, oklch(73.75% 0.1265 69.41) 10.9%, oklch(75.29% 0.1261 70.43) 12.7%, oklch(76.79% 0.1259 71.46) 14.5%, oklch(78.21% 0.1257 72.47) 16.4%, oklch(79.49% 0.1256 73.44) 18.2%, oklch(80.60% 0.1257 74.34) 20.0%, oklch(81.47% 0.1259 75.16) 21.8%, oklch(82.05% 0.1263 75.87) 23.6%, oklch(82.32% 0.1270 76.46) 25.5%, oklch(82.29% 0.1278 77.24) 27.3%, oklch(82.03% 0.1287 78.28) 29.1%, oklch(81.55% 0.1298 79.49) 30.9%, oklch(80.89% 0.1311 80.78) 32.7%, oklch(80.08% 0.1324 82.04) 34.5%, oklch(79.15% 0.1339 83.21) 36.4%, oklch(78.13% 0.1355 84.18) 38.2%, oklch(77.04% 0.1371 84.86) 40.0%, oklch(75.92% 0.1389 85.17) 41.8%, oklch(74.80% 0.1407 85.01) 43.6%, oklch(73.70% 0.1425 84.29) 45.5%, oklch(72.66% 0.1445 82.93) 47.3%, oklch(71.70% 0.1464 80.84) 49.1%, oklch(70.83% 0.1477 77.85) 50.9%, oklch(69.90% 0.1484 73.71) 52.7%, oklch(68.90% 0.1507 68.53) 54.5%, oklch(67.86% 0.1555 62.50) 56.4%, oklch(66.79% 0.1603 55.84) 58.2%, oklch(65.71% 0.1637 48.68) 60.0%, oklch(64.64% 0.1671 41.23) 61.8%, oklch(63.60% 0.1704 33.68) 63.6%, oklch(62.62% 0.1734 26.23) 65.5%, oklch(61.70% 0.1762 19.05) 67.3%, oklch(60.88% 0.1785 12.34) 69.1%, oklch(60.16% 0.1803 6.28) 70.9%, oklch(59.58% 0.1814 1.06) 72.7%, oklch(59.14% 0.1819 356.86) 74.5%, oklch(58.87% 0.1815 353.73) 76.4%, oklch(58.77% 0.1802 351.32) 78.2%, oklch(58.81% 0.1782 349.53) 80.0%, oklch(58.98% 0.1756 348.29) 81.8%, oklch(59.25% 0.1725 347.52) 83.6%, oklch(59.60% 0.1690 347.14) 85.5%, oklch(60.01% 0.1652 347.07) 87.3%, oklch(60.45% 0.1614 347.23) 89.1%, oklch(60.91% 0.1576 347.55) 90.9%, oklch(61.35% 0.1539 347.93) 92.7%, oklch(61.77% 0.1505 348.31) 94.5%, oklch(62.13% 0.1475 348.60) 96.4%, oklch(62.41% 0.1451 348.72) 98.2%, oklch(62.60% 0.1433 348.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.128 | 64.7 |
| 2 | 0.823 | 0.127 | 76.3 |
| 3 | 0.713 | 0.147 | 79.5 |
| 4 | 0.591 | 0.182 | -4 |
| 5 | 0.626 | 0.143 | -11.4 |

## In these collections

- [Diwali gradients](https://grabient.com/diwali-gradients)

## Other forms

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