# Red-Eye Departure Gate

The red-eye window at the gate: night slate cooling into a thin amber horizon line. A tall vertical blend with a gentle step count keeps the horizon soft.

- Also called: Complementary navy, gray and orange linear gradient
- Seed: `kWQha7M5E_k8TwBkjNR466-w`
- Page: https://grabient.com/kWQha7M5E_k8TwBkjNR466-w?steps=24&angle=180
- Drawn as: linear gradient, 24 steps, 180 degrees
- Kinds: dark to light, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.3 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 | `#1c2433` | `oklch(25.98% 0.0303 262.97)` | Moonless Mystery | white, 15.5 to 1 |
| 2 | `#1f2838` | `oklch(27.56% 0.0323 262.55)` | Midnight Express | white, 14.8 to 1 |
| 3 | `#232d3f` | `oklch(29.69% 0.0352 261.93)` | Imperial Primer | white, 13.7 to 1 |
| 4 | `#283447` | `oklch(32.25% 0.0386 261.23)` | Aeronautic | white, 12.5 to 1 |
| 5 | `#2e3b51` | `oklch(35.13% 0.0420 260.55)` | Biscay | white, 11.2 to 1 |
| 6 | `#35435b` | `oklch(38.19% 0.0450 260.03)` | Soulful | white, 9.9 to 1 |
| 7 | `#3c4c65` | `oklch(41.36% 0.0474 259.60)` | Calico Dress | white, 8.7 to 1 |
| 8 | `#435670` | `oklch(44.87% 0.0495 256.56)` | Hidden Sapphire | white, 7.4 to 1 |
| 9 | `#4a627c` | `oklch(48.73% 0.0515 251.88)` | Stellar | white, 6.3 to 1 |
| 10 | `#536e89` | `oklch(52.74% 0.0531 248.21)` | Electronic | white, 5.3 to 1 |
| 11 | `#5d7a95` | `oklch(56.71% 0.0541 248.20)` | Cropper Blue | black, 4.6 to 1 |
| 12 | `#6c84a2` | `oklch(60.47% 0.0541 254.51)` | Brisk Blue | black, 5.4 to 1 |
| 13 | `#7f8bad` | `oklch(63.91% 0.0526 270.31)` | Purple Impression | black, 6.1 to 1 |
| 14 | `#9a91b1` | `oklch(67.40% 0.0477 298.39)` | Greek Lavender | black, 7 to 1 |
| 15 | `#b298ac` | `oklch(70.84% 0.0411 334.01)` | Lilac Lustre | black, 7.9 to 1 |
| 16 | `#c0a2a5` | `oklch(74.01% 0.0350 11.57)` | Tourmaline Mauve | black, 8.9 to 1 |
| 17 | `#c5aea3` | `oklch(76.72% 0.0316 45.47)` | Glamorous Taupe | black, 9.9 to 1 |
| 18 | `#c8b7a3` | `oklch(78.75% 0.0331 70.11)` | Sandy Toes | black, 10.7 to 1 |
| 19 | `#cbbba0` | `oklch(79.90% 0.0418 81.87)` | Windsor Tan | black, 11.1 to 1 |
| 20 | `#d0bc94` | `oklch(80.17% 0.0577 84.42)` | Subtle Suede | black, 11.2 to 1 |
| 21 | `#d7b984` | `oklch(79.86% 0.0775 80.95)` | Honey Bunny | black, 11.1 to 1 |
| 22 | `#e1b272` | `oklch(79.26% 0.0980 74.47)` | Demerara Sugar | black, 10.8 to 1 |
| 23 | `#ebab63` | `oklch(78.66% 0.1160 68.03)` | Summer Day | black, 10.5 to 1 |
| 24 | `#f1a659` | `oklch(78.35% 0.1281 64.65)` | Ginger Milk | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #1c2433 0.0%, #1f2838 4.3%, #232d3f 8.7%, #283447 13.0%, #2e3b51 17.4%, #35435b 21.7%, #3c4c65 26.1%, #435670 30.4%, #4a627c 34.8%, #536e89 39.1%, #5d7a95 43.5%, #6c84a2 47.8%, #7f8bad 52.2%, #9a91b1 56.5%, #b298ac 60.9%, #c0a2a5 65.2%, #c5aea3 69.6%, #c8b7a3 73.9%, #cbbba0 78.3%, #d0bc94 82.6%, #d7b984 87.0%, #e1b272 91.3%, #ebab63 95.7%, #f1a659 100.0%);
background: linear-gradient(180deg in oklch, oklch(25.98% 0.0303 262.97) 0.0%, oklch(27.56% 0.0323 262.55) 4.3%, oklch(29.69% 0.0352 261.93) 8.7%, oklch(32.25% 0.0386 261.23) 13.0%, oklch(35.13% 0.0420 260.55) 17.4%, oklch(38.19% 0.0450 260.03) 21.7%, oklch(41.36% 0.0474 259.60) 26.1%, oklch(44.87% 0.0495 256.56) 30.4%, oklch(48.73% 0.0515 251.88) 34.8%, oklch(52.74% 0.0531 248.21) 39.1%, oklch(56.71% 0.0541 248.20) 43.5%, oklch(60.47% 0.0541 254.51) 47.8%, oklch(63.91% 0.0526 270.31) 52.2%, oklch(67.40% 0.0477 298.39) 56.5%, oklch(70.84% 0.0411 334.01) 60.9%, oklch(74.01% 0.0350 11.57) 65.2%, oklch(76.72% 0.0316 45.47) 69.6%, oklch(78.75% 0.0331 70.11) 73.9%, oklch(79.90% 0.0418 81.87) 78.3%, oklch(80.17% 0.0577 84.42) 82.6%, oklch(79.86% 0.0775 80.95) 87.0%, oklch(79.26% 0.0980 74.47) 91.3%, oklch(78.66% 0.1160 68.03) 95.7%, oklch(78.35% 0.1281 64.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.03 | 263 |
| 2 | 0.406 | 0.047 | 259.8 |
| 3 | 0.622 | 0.054 | 260.9 |
| 4 | 0.791 | 0.034 | 434.2 |
| 5 | 0.783 | 0.128 | 424.7 |

## In these collections

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

## Other forms

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