# Dusk blue lilac and blush gradient

Deep dusk blue transitions diagonally through muted periwinkle and soft lilac into pale blush and warm cream. The linear gradient combines a shaded blue beginning with gentle, lighter colors toward the end. It suits woodland-inspired beauty graphics, soft nature mood boards, dreamy editorial backgrounds, and delicate stationery with an evening atmosphere.

- Also called: Navy to gray linear gradient
- Seed: `kWTSCzPRvA08bQfjE8R9ArN4`
- Page: https://grabient.com/kWTSCzPRvA08bQfjE8R9ArN4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#1e3044` | `oklch(30.31% 0.0441 251.72)` | NATO Blue | white, 13.4 to 1 |
| 2 | `#20344a` | `oklch(31.76% 0.0469 252.24)` | Crow Black | white, 12.7 to 1 |
| 3 | `#243951` | `oklch(33.72% 0.0508 252.87)` | Cool Air of Debonair | white, 11.8 to 1 |
| 4 | `#283f5a` | `oklch(36.05% 0.0556 253.61)` | Blue Accolade | white, 10.8 to 1 |
| 5 | `#2d4564` | `oklch(38.62% 0.0607 254.48)` | Black Turmeric | white, 9.7 to 1 |
| 6 | `#324c6e` | `oklch(41.29% 0.0657 255.49)` | Airforce | white, 8.7 to 1 |
| 7 | `#385379` | `oklch(43.92% 0.0702 256.66)` | Bunting Blue | white, 7.7 to 1 |
| 8 | `#3f5a82` | `oklch(46.38% 0.0739 257.99)` | Optimum Blue | white, 7 to 1 |
| 9 | `#45608a` | `oklch(48.54% 0.0763 259.51)` | Federal Blue | white, 6.4 to 1 |
| 10 | `#4b6591` | `oklch(50.50% 0.0777 261.07)` | Dutch Blue | white, 5.8 to 1 |
| 11 | `#526a97` | `oklch(52.36% 0.0784 262.70)` | Blue Odyssey | white, 5.4 to 1 |
| 12 | `#586e9d` | `oklch(54.15% 0.0785 264.46)` | Moonshade | white, 5 to 1 |
| 13 | `#5f73a3` | `oklch(55.90% 0.0782 266.42)` | Dormitory | white, 4.7 to 1 |
| 14 | `#6677a8` | `oklch(57.64% 0.0774 268.67)` | Sudden Sapphire | black, 4.7 to 1 |
| 15 | `#6e7cad` | `oklch(59.42% 0.0764 271.28)` | Bright Zenith | black, 5.1 to 1 |
| 16 | `#7681b1` | `oklch(61.25% 0.0751 274.32)` | Venture Violet | black, 5.5 to 1 |
| 17 | `#7f86b6` | `oklch(63.18% 0.0736 277.73)` | Iolite | black, 5.9 to 1 |
| 18 | `#878bbb` | `oklch(65.19% 0.0717 280.84)` | Soft Blue Lavender | black, 6.4 to 1 |
| 19 | `#9091c0` | `oklch(67.25% 0.0693 283.90)` | Velvet Crest | black, 6.9 to 1 |
| 20 | `#9996c4` | `oklch(69.34% 0.0666 287.28)` | Litmus | black, 7.5 to 1 |
| 21 | `#a39cc8` | `oklch(71.44% 0.0637 291.36)` | Purple Vision | black, 8.1 to 1 |
| 22 | `#aca2cc` | `oklch(73.51% 0.0606 296.52)` | Puturple | black, 8.7 to 1 |
| 23 | `#b7a7ce` | `oklch(75.53% 0.0575 303.14)` | Wisteria-Wise | black, 9.4 to 1 |
| 24 | `#c1acd0` | `oklch(77.48% 0.0545 311.62)` | Meadow Thistle | black, 10.1 to 1 |
| 25 | `#ccb1cf` | `oklch(79.40% 0.0514 322.85)` | Windsor Purple | black, 10.7 to 1 |
| 26 | `#d8b7cd` | `oklch(81.40% 0.0479 337.69)` | Immortal Indigo | black, 11.5 to 1 |
| 27 | `#e1bdca` | `oklch(83.42% 0.0442 354.94)` | Spring Pink | black, 12.3 to 1 |
| 28 | `#e8c5c7` | `oklch(85.39% 0.0405 13.31)` | Cranapple Cream | black, 13.2 to 1 |
| 29 | `#eccdc6` | `oklch(87.24% 0.0369 31.53)` | Charmed | black, 14.1 to 1 |
| 30 | `#eed4c8` | `oklch(88.89% 0.0337 48.30)` | Blush Beige | black, 14.9 to 1 |
| 31 | `#efdbcb` | `oklch(90.28% 0.0310 62.36)` | White Truffle | black, 15.6 to 1 |
| 32 | `#efe0ce` | `oklch(91.34% 0.0289 72.42)` | Buttercream | black, 16.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1e3044 0.0%, #20344a 3.2%, #243951 6.5%, #283f5a 9.7%, #2d4564 12.9%, #324c6e 16.1%, #385379 19.4%, #3f5a82 22.6%, #45608a 25.8%, #4b6591 29.0%, #526a97 32.3%, #586e9d 35.5%, #5f73a3 38.7%, #6677a8 41.9%, #6e7cad 45.2%, #7681b1 48.4%, #7f86b6 51.6%, #878bbb 54.8%, #9091c0 58.1%, #9996c4 61.3%, #a39cc8 64.5%, #aca2cc 67.7%, #b7a7ce 71.0%, #c1acd0 74.2%, #ccb1cf 77.4%, #d8b7cd 80.6%, #e1bdca 83.9%, #e8c5c7 87.1%, #eccdc6 90.3%, #eed4c8 93.5%, #efdbcb 96.8%, #efe0ce 100.0%);
background: linear-gradient(135deg in oklch, oklch(30.31% 0.0441 251.72) 0.0%, oklch(31.76% 0.0469 252.24) 3.2%, oklch(33.72% 0.0508 252.87) 6.5%, oklch(36.05% 0.0556 253.61) 9.7%, oklch(38.62% 0.0607 254.48) 12.9%, oklch(41.29% 0.0657 255.49) 16.1%, oklch(43.92% 0.0702 256.66) 19.4%, oklch(46.38% 0.0739 257.99) 22.6%, oklch(48.54% 0.0763 259.51) 25.8%, oklch(50.50% 0.0777 261.07) 29.0%, oklch(52.36% 0.0784 262.70) 32.3%, oklch(54.15% 0.0785 264.46) 35.5%, oklch(55.90% 0.0782 266.42) 38.7%, oklch(57.64% 0.0774 268.67) 41.9%, oklch(59.42% 0.0764 271.28) 45.2%, oklch(61.25% 0.0751 274.32) 48.4%, oklch(63.18% 0.0736 277.73) 51.6%, oklch(65.19% 0.0717 280.84) 54.8%, oklch(67.25% 0.0693 283.90) 58.1%, oklch(69.34% 0.0666 287.28) 61.3%, oklch(71.44% 0.0637 291.36) 64.5%, oklch(73.51% 0.0606 296.52) 67.7%, oklch(75.53% 0.0575 303.14) 71.0%, oklch(77.48% 0.0545 311.62) 74.2%, oklch(79.40% 0.0514 322.85) 77.4%, oklch(81.40% 0.0479 337.69) 80.6%, oklch(83.42% 0.0442 354.94) 83.9%, oklch(85.39% 0.0405 13.31) 87.1%, oklch(87.24% 0.0369 31.53) 90.3%, oklch(88.89% 0.0337 48.30) 93.5%, oklch(90.28% 0.0310 62.36) 96.8%, oklch(91.34% 0.0289 72.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.044 | 251.7 |
| 2 | 0.48 | 0.076 | 259.1 |
| 3 | 0.622 | 0.074 | 276 |
| 4 | 0.78 | 0.054 | 314.1 |
| 5 | 0.913 | 0.029 | 432.4 |

## In these collections

- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

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