# Overnight Coach, First Light

A bus window as the sun nears: dusk blue-violet warming into peach and cream across a diagonal.

- Also called: Navy, lavender and beige linear gradient
- Seed: `kWYCTEyxo_uARQzsFMs-BHEw`
- Page: https://grabient.com/kWYCTEyxo_uARQzsFMs-BHEw?steps=20&angle=45
- Drawn as: linear gradient, 20 steps, 45 degrees
- Kinds: dark to light, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#3b405c` | `oklch(37.80% 0.0496 276.33)` | Victory Blue | white, 10.1 to 1 |
| 2 | `#424867` | `oklch(40.96% 0.0536 275.50)` | Nobility Blue | white, 8.9 to 1 |
| 3 | `#4c5478` | `oklch(45.49% 0.0597 274.07)` | Deep Indigo | white, 7.3 to 1 |
| 4 | `#58638b` | `oklch(50.66% 0.0660 272.91)` | Karmic Grape | white, 5.8 to 1 |
| 5 | `#66719e` | `oklch(55.74% 0.0706 272.91)` | Blueberry Patch | white, 4.7 to 1 |
| 6 | `#737dab` | `oklch(60.05% 0.0714 274.87)` | Bright Zenith | black, 5.2 to 1 |
| 7 | `#8288b5` | `oklch(63.92% 0.0676 277.61)` | Iolite | black, 6.1 to 1 |
| 8 | `#9093bc` | `oklch(67.62% 0.0609 281.29)` | Lily of the Nile | black, 7.1 to 1 |
| 9 | `#9f9dc2` | `oklch(71.05% 0.0537 287.01)` | Opulent Violet | black, 8 to 1 |
| 10 | `#ada6c7` | `oklch(74.17% 0.0482 295.80)` | Instigate | black, 9 to 1 |
| 11 | `#bdaccb` | `oklch(76.88% 0.0465 309.12)` | Fancy Pansy | black, 9.9 to 1 |
| 12 | `#cdb0ca` | `oklch(79.10% 0.0480 328.56)` | Lavender Knoll | black, 10.6 to 1 |
| 13 | `#dcb4c5` | `oklch(80.98% 0.0511 351.29)` | Mental Floss | black, 11.3 to 1 |
| 14 | `#e8b9bc` | `oklch(82.73% 0.0544 13.89)` | Wind Rose | black, 12 to 1 |
| 15 | `#efc0b5` | `oklch(84.55% 0.0564 32.98)` | New Clay | black, 12.8 to 1 |
| 16 | `#f3c9b4` | `oklch(86.63% 0.0561 46.76)` | Bellini | black, 13.7 to 1 |
| 17 | `#f7d2b8` | `oklch(88.93% 0.0544 57.71)` | Canter Peach | black, 14.9 to 1 |
| 18 | `#fadcbe` | `oklch(91.18% 0.0520 66.33)` | Toes in the Sand | black, 16 to 1 |
| 19 | `#fde4c5` | `oklch(93.12% 0.0497 72.98)` | Fall Straw | black, 17 to 1 |
| 20 | `#ffeac9` | `oklch(94.49% 0.0481 78.02)` | Gold of Midas | black, 17.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #3b405c 0.0%, #424867 5.3%, #4c5478 10.5%, #58638b 15.8%, #66719e 21.1%, #737dab 26.3%, #8288b5 31.6%, #9093bc 36.8%, #9f9dc2 42.1%, #ada6c7 47.4%, #bdaccb 52.6%, #cdb0ca 57.9%, #dcb4c5 63.2%, #e8b9bc 68.4%, #efc0b5 73.7%, #f3c9b4 78.9%, #f7d2b8 84.2%, #fadcbe 89.5%, #fde4c5 94.7%, #ffeac9 100.0%);
background: linear-gradient(45deg in oklch, oklch(37.80% 0.0496 276.33) 0.0%, oklch(40.96% 0.0536 275.50) 5.3%, oklch(45.49% 0.0597 274.07) 10.5%, oklch(50.66% 0.0660 272.91) 15.8%, oklch(55.74% 0.0706 272.91) 21.1%, oklch(60.05% 0.0714 274.87) 26.3%, oklch(63.92% 0.0676 277.61) 31.6%, oklch(67.62% 0.0609 281.29) 36.8%, oklch(71.05% 0.0537 287.01) 42.1%, oklch(74.17% 0.0482 295.80) 47.4%, oklch(76.88% 0.0465 309.12) 52.6%, oklch(79.10% 0.0480 328.56) 57.9%, oklch(80.98% 0.0511 351.29) 63.2%, oklch(82.73% 0.0544 13.89) 68.4%, oklch(84.55% 0.0564 32.98) 73.7%, oklch(86.63% 0.0561 46.76) 78.9%, oklch(88.93% 0.0544 57.71) 84.2%, oklch(91.18% 0.0520 66.33) 89.5%, oklch(93.12% 0.0497 72.98) 94.7%, oklch(94.49% 0.0481 78.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.05 | 276.3 |
| 2 | 0.591 | 0.072 | 274.2 |
| 3 | 0.756 | 0.047 | 301.7 |
| 4 | 0.85 | 0.056 | 396.8 |
| 5 | 0.945 | 0.048 | 438 |

## In these collections

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

## Other forms

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