# Wine ivory shadow diagonal

Orange, navy, brown and maroon linear gradient with 40 colors: #eb7113, #ec7b1c, #ed8a29, #ef9b3a, #efae50, #f0bf67, #f0ce7e, #f0d992, #f1dfa2, #f0dfaa, #edd8ab, #e5c9a5, #d7b39c, #c29b93, #a68288, #876b7c, #67566d, #4a445c, #33354b, #23293e, #1c2135, #1a1c30, #1c182c, #221628, #281624, #2e171f, #341a1a, #381e14, #3c220e, #3e2607, #422801, #472b00, #4e2d00, #592e00, #662c00, #762500, #86190d, #8f1024, #960734, #9b003f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, navy, brown and maroon linear gradient
- Seed: `kWrX8j8ZfEaIOKullVLOEA4o`
- Page: https://grabient.com/kWrX8j8ZfEaIOKullVLOEA4o?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13 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 | `#eb7113` | `oklch(68.11% 0.1750 49.92)` | Clementine | black, 6.8 to 1 |
| 2 | `#ec7b1c` | `oklch(69.81% 0.1678 53.27)` | Pumpkin Cat | black, 7.3 to 1 |
| 3 | `#ed8a29` | `oklch(72.50% 0.1581 58.87)` | Carnival | black, 8.2 to 1 |
| 4 | `#ef9b3a` | `oklch(75.83% 0.1465 65.89)` | Amber Glow | black, 9.4 to 1 |
| 5 | `#efae50` | `oklch(79.48% 0.1335 73.51)` | Goldenrod Field | black, 10.8 to 1 |
| 6 | `#f0bf67` | `oklch(83.09% 0.1198 80.93)` | Mirabelle Yellow | black, 12.3 to 1 |
| 7 | `#f0ce7e` | `oklch(86.33% 0.1061 87.30)` | Yellow Bird | black, 13.8 to 1 |
| 8 | `#f0d992` | `oklch(88.86% 0.0929 91.82)` | Pineapple Crush | black, 15 to 1 |
| 9 | `#f1dfa2` | `oklch(90.34% 0.0809 93.66)` | Roadster Yellow | black, 15.7 to 1 |
| 10 | `#f0dfaa` | `oklch(90.42% 0.0708 92.00)` | Citrus Rind | black, 15.8 to 1 |
| 11 | `#edd8ab` | `oklch(88.76% 0.0631 85.93)` | Golden Fleece | black, 14.9 to 1 |
| 12 | `#e5c9a5` | `oklch(84.96% 0.0570 73.29)` | Gentle Fawn | black, 13.1 to 1 |
| 13 | `#d7b39c` | `oklch(79.31% 0.0521 54.81)` | Kraft Paper | black, 10.8 to 1 |
| 14 | `#c29b93` | `oklch(72.30% 0.0481 32.27)` | Mahogany Rose | black, 8.4 to 1 |
| 15 | `#a68288` | `oklch(64.40% 0.0451 7.46)` | Natural Spring | black, 6.2 to 1 |
| 16 | `#876b7c` | `oklch(56.10% 0.0428 342.18)` | Plum Royale | white, 4.7 to 1 |
| 17 | `#67566d` | `oklch(47.89% 0.0412 318.20)` | Medicine Man | white, 6.6 to 1 |
| 18 | `#4a445c` | `oklch(40.24% 0.0400 297.33)` | Purple Blanket | white, 9.2 to 1 |
| 19 | `#33354b` | `oklch(33.64% 0.0393 281.34)` | Pauper | white, 12 to 1 |
| 20 | `#23293e` | `oklch(28.58% 0.0388 272.02)` | Spinel Stone Black | white, 14.3 to 1 |
| 21 | `#1c2135` | `oklch(25.39% 0.0384 271.11)` | Kon | white, 15.8 to 1 |
| 22 | `#1a1c30` | `oklch(23.48% 0.0381 278.63)` | Sombre Night | white, 16.7 to 1 |
| 23 | `#1c182c` | `oklch(22.56% 0.0379 292.85)` | Sambucus | white, 17.2 to 1 |
| 24 | `#221628` | `oklch(22.45% 0.0381 311.97)` | Inside | white, 17.2 to 1 |
| 25 | `#281624` | `oklch(22.99% 0.0388 334.19)` | Black Cherry | white, 17.1 to 1 |
| 26 | `#2e171f` | `oklch(24.00% 0.0401 357.70)` | Black Cherry | white, 16.6 to 1 |
| 27 | `#341a1a` | `oklch(25.31% 0.0424 20.69)` | Black Kite | white, 16 to 1 |
| 28 | `#381e14` | `oklch(26.75% 0.0457 41.35)` | Scorched | white, 15.3 to 1 |
| 29 | `#3c220e` | `oklch(28.13% 0.0502 57.89)` | Medium Roast | white, 14.7 to 1 |
| 30 | `#3e2607` | `oklch(29.29% 0.0562 68.49)` | Blackened Brown | white, 14.1 to 1 |
| 31 | `#422801` | `oklch(30.30% 0.0641 72.36)` | Ibex Brown | white, 13.6 to 1 |
| 32 | `#472b00` | `oklch(31.62% 0.0680 71.36)` | Stirland Mud | white, 13 to 1 |
| 33 | `#4e2d00` | `oklch(33.20% 0.0734 66.86)` | Kyoto House | white, 12.3 to 1 |
| 34 | `#592e00` | `oklch(34.94% 0.0823 59.58)` | Eyelash Camel | white, 11.6 to 1 |
| 35 | `#662c00` | `oklch(36.76% 0.0966 50.44)` | Cold Press Coffee | white, 10.9 to 1 |
| 36 | `#762500` | `oklch(38.57% 0.1202 40.35)` | Buried Lust | white, 10.3 to 1 |
| 37 | `#86190d` | `oklch(40.30% 0.1454 30.29)` | Red Leever | white, 9.7 to 1 |
| 38 | `#8f1024` | `oklch(41.85% 0.1581 21.00)` | Old Wine | white, 9.2 to 1 |
| 39 | `#960734` | `oklch(43.15% 0.1686 13.51)` | Lifeline | white, 8.8 to 1 |
| 40 | `#9b003f` | `oklch(44.09% 0.1764 8.71)` | Rum Riche | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #eb7113 0.0%, #ec7b1c 2.6%, #ed8a29 5.1%, #ef9b3a 7.7%, #efae50 10.3%, #f0bf67 12.8%, #f0ce7e 15.4%, #f0d992 17.9%, #f1dfa2 20.5%, #f0dfaa 23.1%, #edd8ab 25.6%, #e5c9a5 28.2%, #d7b39c 30.8%, #c29b93 33.3%, #a68288 35.9%, #876b7c 38.5%, #67566d 41.0%, #4a445c 43.6%, #33354b 46.2%, #23293e 48.7%, #1c2135 51.3%, #1a1c30 53.8%, #1c182c 56.4%, #221628 59.0%, #281624 61.5%, #2e171f 64.1%, #341a1a 66.7%, #381e14 69.2%, #3c220e 71.8%, #3e2607 74.4%, #422801 76.9%, #472b00 79.5%, #4e2d00 82.1%, #592e00 84.6%, #662c00 87.2%, #762500 89.7%, #86190d 92.3%, #8f1024 94.9%, #960734 97.4%, #9b003f 100.0%);
background: linear-gradient(45deg in oklch, oklch(68.11% 0.1750 49.92) 0.0%, oklch(69.81% 0.1678 53.27) 2.6%, oklch(72.50% 0.1581 58.87) 5.1%, oklch(75.83% 0.1465 65.89) 7.7%, oklch(79.48% 0.1335 73.51) 10.3%, oklch(83.09% 0.1198 80.93) 12.8%, oklch(86.33% 0.1061 87.30) 15.4%, oklch(88.86% 0.0929 91.82) 17.9%, oklch(90.34% 0.0809 93.66) 20.5%, oklch(90.42% 0.0708 92.00) 23.1%, oklch(88.76% 0.0631 85.93) 25.6%, oklch(84.96% 0.0570 73.29) 28.2%, oklch(79.31% 0.0521 54.81) 30.8%, oklch(72.30% 0.0481 32.27) 33.3%, oklch(64.40% 0.0451 7.46) 35.9%, oklch(56.10% 0.0428 342.18) 38.5%, oklch(47.89% 0.0412 318.20) 41.0%, oklch(40.24% 0.0400 297.33) 43.6%, oklch(33.64% 0.0393 281.34) 46.2%, oklch(28.58% 0.0388 272.02) 48.7%, oklch(25.39% 0.0384 271.11) 51.3%, oklch(23.48% 0.0381 278.63) 53.8%, oklch(22.56% 0.0379 292.85) 56.4%, oklch(22.45% 0.0381 311.97) 59.0%, oklch(22.99% 0.0388 334.19) 61.5%, oklch(24.00% 0.0401 357.70) 64.1%, oklch(25.31% 0.0424 20.69) 66.7%, oklch(26.75% 0.0457 41.35) 69.2%, oklch(28.13% 0.0502 57.89) 71.8%, oklch(29.29% 0.0562 68.49) 74.4%, oklch(30.30% 0.0641 72.36) 76.9%, oklch(31.62% 0.0680 71.36) 79.5%, oklch(33.20% 0.0734 66.86) 82.1%, oklch(34.94% 0.0823 59.58) 84.6%, oklch(36.76% 0.0966 50.44) 87.2%, oklch(38.57% 0.1202 40.35) 89.7%, oklch(40.30% 0.1454 30.29) 92.3%, oklch(41.85% 0.1581 21.00) 94.9%, oklch(43.15% 0.1686 13.51) 97.4%, oklch(44.09% 0.1764 8.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.175 | 49.9 |
| 2 | 0.894 | 0.065 | 88 |
| 3 | 0.268 | 0.039 | -89.6 |
| 4 | 0.295 | 0.058 | 70 |
| 5 | 0.441 | 0.176 | 8.7 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)

## Other forms

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