# Aubergine orange diagonal glow

Orange, black and dark purple linear gradient with 32 colors: #e66c56, #e86d51, #eb7048, #ee743b, #f1792b, #f17c15, #ed7d00, #e67900, #dd6e04, #c95d23, #ad4832, #8a3438, #652336, #44162d, #2a0b22, #1a0519, #130215, #130218, #170120, #1f012b, #2a013a, #38034a, #480759, #5b0e63, #6f1768, #8a2368, #a73361, #c24855, #d76246, #e57d38, #ed9530, #f0a731. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, black and dark purple linear gradient
- Seed: `kWq3IW1L1ChMStYtNj_YzbMw`
- Page: https://grabient.com/kWq3IW1L1ChMStYtNj_YzbMw?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, vivid, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.7 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 | `#e66c56` | `oklch(67.32% 0.1571 31.64)` | Orangeville | black, 6.6 to 1 |
| 2 | `#e86d51` | `oklch(67.63% 0.1589 34.21)` | Entan Red | black, 6.7 to 1 |
| 3 | `#eb7048` | `oklch(68.43% 0.1623 38.51)` | Aurora Orange | black, 6.9 to 1 |
| 4 | `#ee743b` | `oklch(69.41% 0.1664 43.66)` | Debrito | black, 7.2 to 1 |
| 5 | `#f1792b` | `oklch(70.24% 0.1704 48.84)` | Sun Orange | black, 7.4 to 1 |
| 6 | `#f17c15` | `oklch(70.60% 0.1732 53.17)` | Retro Nectarine | black, 7.6 to 1 |
| 7 | `#ed7d00` | `oklch(70.17% 0.1721 55.80)` | Bright Marigold | black, 7.5 to 1 |
| 8 | `#e67900` | `oklch(68.62% 0.1681 55.91)` | First of Fall | black, 7 to 1 |
| 9 | `#dd6e04` | `oklch(65.60% 0.1662 52.62)` | Gold Orange | black, 6.2 to 1 |
| 10 | `#c95d23` | `oklch(60.31% 0.1541 44.97)` | Golden Lion Tamarin | black, 5 to 1 |
| 11 | `#ad4832` | `oklch(53.12% 0.1370 33.81)` | Red Terra | white, 5.6 to 1 |
| 12 | `#8a3438` | `oklch(44.82% 0.1171 20.40)` | Bindi Dot | white, 7.9 to 1 |
| 13 | `#652336` | `oklch(36.20% 0.0964 5.99)` | Wine Country | white, 11.3 to 1 |
| 14 | `#44162d` | `oklch(28.06% 0.0774 351.88)` | Blackberry | white, 15 to 1 |
| 15 | `#2a0b22` | `oklch(21.18% 0.0621 339.30)` | Inside | white, 17.9 to 1 |
| 16 | `#1a0519` | `oklch(16.35% 0.0527 329.55)` | Crow | white, 19.4 to 1 |
| 17 | `#130215` | `oklch(14.20% 0.0514 323.39)` | Glossy Black | white, 20 to 1 |
| 18 | `#130218` | `oklch(14.06% 0.0578 318.80)` | Election Night | white, 20 to 1 |
| 19 | `#170120` | `oklch(15.45% 0.0700 315.49)` | Election Night | white, 19.7 to 1 |
| 20 | `#1f012b` | `oklch(18.08% 0.0860 313.61)` | Coal Mine | white, 19.1 to 1 |
| 21 | `#2a013a` | `oklch(21.61% 0.1036 313.32)` | Midnight Purple | white, 18 to 1 |
| 22 | `#38034a` | `oklch(25.72% 0.1210 314.75)` | Romanic Scene | white, 16.4 to 1 |
| 23 | `#480759` | `oklch(30.09% 0.1362 318.06)` | Clairvoyant | white, 14.4 to 1 |
| 24 | `#5b0e63` | `oklch(34.40% 0.1470 323.40)` | God of Nights | white, 12.4 to 1 |
| 25 | `#6f1768` | `oklch(38.86% 0.1528 331.72)` | New Riders of the Purple Sage | white, 10.5 to 1 |
| 26 | `#8a2368` | `oklch(44.38% 0.1557 344.35)` | Bane of Royalty | white, 8.3 to 1 |
| 27 | `#a73361` | `oklch(50.62% 0.1565 359.99)` | Valentine’s Day | white, 6.3 to 1 |
| 28 | `#c24855` | `oklch(57.16% 0.1558 17.23)` | English Coral | white, 4.8 to 1 |
| 29 | `#d76246` | `oklch(63.57% 0.1542 34.64)` | Fireglow | black, 5.7 to 1 |
| 30 | `#e57d38` | `oklch(69.46% 0.1523 50.84)` | Blast Burn | black, 7.3 to 1 |
| 31 | `#ed9530` | `oklch(74.39% 0.1508 64.40)` | Nuclear Mango | black, 8.9 to 1 |
| 32 | `#f0a731` | `oklch(77.95% 0.1502 73.91)` | Whisky Sour | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #e66c56 0.0%, #e86d51 3.2%, #eb7048 6.5%, #ee743b 9.7%, #f1792b 12.9%, #f17c15 16.1%, #ed7d00 19.4%, #e67900 22.6%, #dd6e04 25.8%, #c95d23 29.0%, #ad4832 32.3%, #8a3438 35.5%, #652336 38.7%, #44162d 41.9%, #2a0b22 45.2%, #1a0519 48.4%, #130215 51.6%, #130218 54.8%, #170120 58.1%, #1f012b 61.3%, #2a013a 64.5%, #38034a 67.7%, #480759 71.0%, #5b0e63 74.2%, #6f1768 77.4%, #8a2368 80.6%, #a73361 83.9%, #c24855 87.1%, #d76246 90.3%, #e57d38 93.5%, #ed9530 96.8%, #f0a731 100.0%);
background: linear-gradient(225deg in oklch, oklch(67.32% 0.1571 31.64) 0.0%, oklch(67.63% 0.1589 34.21) 3.2%, oklch(68.43% 0.1623 38.51) 6.5%, oklch(69.41% 0.1664 43.66) 9.7%, oklch(70.24% 0.1704 48.84) 12.9%, oklch(70.60% 0.1732 53.17) 16.1%, oklch(70.17% 0.1721 55.80) 19.4%, oklch(68.62% 0.1681 55.91) 22.6%, oklch(65.60% 0.1662 52.62) 25.8%, oklch(60.31% 0.1541 44.97) 29.0%, oklch(53.12% 0.1370 33.81) 32.3%, oklch(44.82% 0.1171 20.40) 35.5%, oklch(36.20% 0.0964 5.99) 38.7%, oklch(28.06% 0.0774 351.88) 41.9%, oklch(21.18% 0.0621 339.30) 45.2%, oklch(16.35% 0.0527 329.55) 48.4%, oklch(14.20% 0.0514 323.39) 51.6%, oklch(14.06% 0.0578 318.80) 54.8%, oklch(15.45% 0.0700 315.49) 58.1%, oklch(18.08% 0.0860 313.61) 61.3%, oklch(21.61% 0.1036 313.32) 64.5%, oklch(25.72% 0.1210 314.75) 67.7%, oklch(30.09% 0.1362 318.06) 71.0%, oklch(34.40% 0.1470 323.40) 74.2%, oklch(38.86% 0.1528 331.72) 77.4%, oklch(44.38% 0.1557 344.35) 80.6%, oklch(50.62% 0.1565 359.99) 83.9%, oklch(57.16% 0.1558 17.23) 87.1%, oklch(63.57% 0.1542 34.64) 90.3%, oklch(69.46% 0.1523 50.84) 93.5%, oklch(74.39% 0.1508 64.40) 96.8%, oklch(77.95% 0.1502 73.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.157 | 31.6 |
| 2 | 0.665 | 0.168 | 53.8 |
| 3 | 0.15 | 0.051 | -33.9 |
| 4 | 0.354 | 0.149 | -34.9 |
| 5 | 0.78 | 0.15 | 73.9 |

## In these collections

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

## Other forms

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