# Drive-In After the Credits

The screen goes dark and the sky takes over: violet, magenta, then a warm coral and gold at the horizon.

- Also called: Navy, purple, pink and peach linear gradient
- Seed: `kWMTHVLzJB8hCxJfuEVcK9FI`
- Page: https://grabient.com/kWMTHVLzJB8hCxJfuEVcK9FI?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 13.1 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 | `#190b2e` | `oklch(19.29% 0.0675 299.53)` | Midnight Monarch | white, 18.6 to 1 |
| 2 | `#1d0c32` | `oklch(20.37% 0.0719 300.46)` | Midnight Monarch | white, 18.2 to 1 |
| 3 | `#210e37` | `oklch(21.74% 0.0778 301.53)` | Blacklist | white, 17.7 to 1 |
| 4 | `#26103e` | `oklch(23.37% 0.0848 302.76)` | Shadow Planet | white, 17.1 to 1 |
| 5 | `#2c1245` | `oklch(25.20% 0.0926 304.16)` | Oily Purple | white, 16.4 to 1 |
| 6 | `#33144d` | `oklch(27.17% 0.1009 305.75)` | Russian Violet | white, 15.5 to 1 |
| 7 | `#3b1755` | `oklch(29.24% 0.1094 307.55)` | Fabric of Space | white, 14.6 to 1 |
| 8 | `#43195d` | `oklch(31.36% 0.1178 309.57)` | Plunged Into Darkness | white, 13.6 to 1 |
| 9 | `#4c1c64` | `oklch(33.47% 0.1258 311.84)` | Fading Horizon | white, 12.7 to 1 |
| 10 | `#541e6b` | `oklch(35.53% 0.1330 314.37)` | Elegant Purple Gown | white, 11.8 to 1 |
| 11 | `#5d2070` | `oklch(37.49% 0.1393 317.17)` | Violethargic | white, 10.9 to 1 |
| 12 | `#672275` | `oklch(39.44% 0.1454 320.33)` | Berry Blackmail | white, 10.1 to 1 |
| 13 | `#712479` | `oklch(41.44% 0.1515 323.82)` | Count’s Wardrobe | white, 9.4 to 1 |
| 14 | `#7c267c` | `oklch(43.47% 0.1575 327.59)` | Hello Darkness My Old Friend | white, 8.6 to 1 |
| 15 | `#87287e` | `oklch(45.52% 0.1633 331.60)` | Noble Plum | white, 7.9 to 1 |
| 16 | `#922a80` | `oklch(47.57% 0.1687 335.80)` | Purple Excellency | white, 7.3 to 1 |
| 17 | `#9d2c80` | `oklch(49.63% 0.1735 340.12)` | Purple Wine | white, 6.7 to 1 |
| 18 | `#a92f80` | `oklch(51.68% 0.1775 344.52)` | Festival Fuchsia | white, 6.1 to 1 |
| 19 | `#b4337e` | `oklch(53.71% 0.1806 348.95)` | Very Berry | white, 5.6 to 1 |
| 20 | `#be377c` | `oklch(55.71% 0.1827 353.36)` | Pink Shadow | white, 5.2 to 1 |
| 21 | `#c83c79` | `oklch(57.68% 0.1835 357.72)` | Fuchsia Rose | white, 4.7 to 1 |
| 22 | `#d14276` | `oklch(59.66% 0.1829 2.19)` | Rubber Band | black, 4.7 to 1 |
| 23 | `#d94a73` | `oklch(61.65% 0.1810 6.77)` | Rose Turkish Delight | black, 5.1 to 1 |
| 24 | `#e1526f` | `oklch(63.63% 0.1782 11.43)` | Rosy Cheeks | black, 5.6 to 1 |
| 25 | `#e75a6b` | `oklch(65.61% 0.1747 16.15)` | Bara Red | black, 6.1 to 1 |
| 26 | `#ed6468` | `oklch(67.55% 0.1706 20.91)` | Coral Commander | black, 6.6 to 1 |
| 27 | `#f26d65` | `oklch(69.45% 0.1664 25.68)` | Sriracha | black, 7.1 to 1 |
| 28 | `#f77662` | `oklch(71.30% 0.1623 30.44)` | Melon Refresher | black, 7.7 to 1 |
| 29 | `#fb7f60` | `oklch(73.08% 0.1584 35.16)` | Slippery Salmon | black, 8.2 to 1 |
| 30 | `#fe875e` | `oklch(74.79% 0.1550 39.83)` | Nectarine | black, 8.8 to 1 |
| 31 | `#ff915e` | `oklch(76.43% 0.1486 44.55)` | Fire Orange | black, 9.4 to 1 |
| 32 | `#ff9b61` | `oklch(78.08% 0.1410 49.60)` | Fresh Cantaloupe | black, 10 to 1 |
| 33 | `#ffa463` | `oklch(79.73% 0.1347 54.85)` | Usukō | black, 10.7 to 1 |
| 34 | `#ffad66` | `oklch(81.33% 0.1298 60.15)` | Dreamy Sunset | black, 11.4 to 1 |
| 35 | `#ffb569` | `oklch(82.86% 0.1263 65.38)` | Mango Creamsicles | black, 12 to 1 |
| 36 | `#ffbd6c` | `oklch(84.30% 0.1242 70.38)` | Cinnamon Buff | black, 12.7 to 1 |
| 37 | `#ffc46e` | `oklch(85.62% 0.1234 75.02)` | Roasted Sesame | black, 13.3 to 1 |
| 38 | `#ffca70` | `oklch(86.79% 0.1235 79.16)` | Grandis | black, 13.9 to 1 |
| 39 | `#ffcf71` | `oklch(87.79% 0.1244 82.65)` | Banana Bread | black, 14.4 to 1 |
| 40 | `#ffd372` | `oklch(88.58% 0.1255 85.37)` | Tamago Egg | black, 14.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #190b2e 0.0%, #1d0c32 2.6%, #210e37 5.1%, #26103e 7.7%, #2c1245 10.3%, #33144d 12.8%, #3b1755 15.4%, #43195d 17.9%, #4c1c64 20.5%, #541e6b 23.1%, #5d2070 25.6%, #672275 28.2%, #712479 30.8%, #7c267c 33.3%, #87287e 35.9%, #922a80 38.5%, #9d2c80 41.0%, #a92f80 43.6%, #b4337e 46.2%, #be377c 48.7%, #c83c79 51.3%, #d14276 53.8%, #d94a73 56.4%, #e1526f 59.0%, #e75a6b 61.5%, #ed6468 64.1%, #f26d65 66.7%, #f77662 69.2%, #fb7f60 71.8%, #fe875e 74.4%, #ff915e 76.9%, #ff9b61 79.5%, #ffa463 82.1%, #ffad66 84.6%, #ffb569 87.2%, #ffbd6c 89.7%, #ffc46e 92.3%, #ffca70 94.9%, #ffcf71 97.4%, #ffd372 100.0%);
background: linear-gradient(135deg in oklch, oklch(19.29% 0.0675 299.53) 0.0%, oklch(20.37% 0.0719 300.46) 2.6%, oklch(21.74% 0.0778 301.53) 5.1%, oklch(23.37% 0.0848 302.76) 7.7%, oklch(25.20% 0.0926 304.16) 10.3%, oklch(27.17% 0.1009 305.75) 12.8%, oklch(29.24% 0.1094 307.55) 15.4%, oklch(31.36% 0.1178 309.57) 17.9%, oklch(33.47% 0.1258 311.84) 20.5%, oklch(35.53% 0.1330 314.37) 23.1%, oklch(37.49% 0.1393 317.17) 25.6%, oklch(39.44% 0.1454 320.33) 28.2%, oklch(41.44% 0.1515 323.82) 30.8%, oklch(43.47% 0.1575 327.59) 33.3%, oklch(45.52% 0.1633 331.60) 35.9%, oklch(47.57% 0.1687 335.80) 38.5%, oklch(49.63% 0.1735 340.12) 41.0%, oklch(51.68% 0.1775 344.52) 43.6%, oklch(53.71% 0.1806 348.95) 46.2%, oklch(55.71% 0.1827 353.36) 48.7%, oklch(57.68% 0.1835 357.72) 51.3%, oklch(59.66% 0.1829 2.19) 53.8%, oklch(61.65% 0.1810 6.77) 56.4%, oklch(63.63% 0.1782 11.43) 59.0%, oklch(65.61% 0.1747 16.15) 61.5%, oklch(67.55% 0.1706 20.91) 64.1%, oklch(69.45% 0.1664 25.68) 66.7%, oklch(71.30% 0.1623 30.44) 69.2%, oklch(73.08% 0.1584 35.16) 71.8%, oklch(74.79% 0.1550 39.83) 74.4%, oklch(76.43% 0.1486 44.55) 76.9%, oklch(78.08% 0.1410 49.60) 79.5%, oklch(79.73% 0.1347 54.85) 82.1%, oklch(81.33% 0.1298 60.15) 84.6%, oklch(82.86% 0.1263 65.38) 87.2%, oklch(84.30% 0.1242 70.38) 89.7%, oklch(85.62% 0.1234 75.02) 92.3%, oklch(86.79% 0.1235 79.16) 94.9%, oklch(87.79% 0.1244 82.65) 97.4%, oklch(88.58% 0.1255 85.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.068 | 299.5 |
| 2 | 0.37 | 0.138 | 316.4 |
| 3 | 0.567 | 0.183 | 355.5 |
| 4 | 0.752 | 0.154 | 401 |
| 5 | 0.886 | 0.13 | 445.4 |

## In these collections

- [Liminal Places](https://grabient.com/liminal-places)

## Other forms

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