# Dusty Blue Quiet

This horizontal gradient moves from soft black through ink blue, navy, muted cornflower, and pale periwinkle. Its steady rise in brightness leaves the dark end useful for light lettering and the broad blue middle useful behind photography or restrained graphics.

- Also called: Monochrome black to light blue linear gradient
- Seed: `kSMgyrxCXB--UQO`
- Page: https://grabient.com/kSMgyrxCXB--UQO?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.5 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 | `#0f161c` | `oklch(19.69% 0.0165 241.17)` | Black Is Back | white, 18.1 to 1 |
| 2 | `#101921` | `oklch(20.91% 0.0199 241.80)` | River Styx | white, 17.7 to 1 |
| 3 | `#111d26` | `oklch(22.39% 0.0245 242.59)` | Coarse Wool | white, 17.1 to 1 |
| 4 | `#13212d` | `oklch(24.10% 0.0299 243.51)` | Hēi Sè Black | white, 16.3 to 1 |
| 5 | `#142634` | `oklch(26.01% 0.0361 244.54)` | Abyssal Anchorfish Blue | white, 15.4 to 1 |
| 6 | `#162b3d` | `oklch(28.09% 0.0429 245.67)` | Oceanic Noir | white, 14.5 to 1 |
| 7 | `#183146` | `oklch(30.31% 0.0500 246.88)` | NATO Blue | white, 13.4 to 1 |
| 8 | `#1b3750` | `oklch(32.65% 0.0574 248.13)` | Gibraltar Sea | white, 12.3 to 1 |
| 9 | `#1e3d5b` | `oklch(35.09% 0.0648 249.42)` | Integrity | white, 11.2 to 1 |
| 10 | `#214366` | `oklch(37.59% 0.0721 250.72)` | Lucidity | white, 10.1 to 1 |
| 11 | `#254a71` | `oklch(40.12% 0.0790 252.02)` | Sapphire Earrings | white, 9.1 to 1 |
| 12 | `#2a507c` | `oklch(42.67% 0.0854 253.28)` | Slumber | white, 8.2 to 1 |
| 13 | `#305787` | `oklch(45.20% 0.0912 254.50)` | Award Blue | white, 7.3 to 1 |
| 14 | `#365e92` | `oklch(47.69% 0.0961 255.65)` | Portuguese Blue | white, 6.6 to 1 |
| 15 | `#3c649c` | `oklch(50.11% 0.0999 256.71)` | Mariner | white, 5.9 to 1 |
| 16 | `#436ba5` | `oklch(52.43% 0.1025 257.65)` | Indigo Batik | white, 5.4 to 1 |
| 17 | `#4a71ad` | `oklch(54.66% 0.1038 258.48)` | Croquet Blue | white, 4.9 to 1 |
| 18 | `#5178b4` | `oklch(56.99% 0.1038 259.27)` | Sapphire Shimmer Blue | black, 4.6 to 1 |
| 19 | `#5a7fbc` | `oklch(59.42% 0.1027 260.02)` | Woad Blue | black, 5.1 to 1 |
| 20 | `#6386c3` | `oklch(61.93% 0.1006 260.73)` | Marina | black, 5.7 to 1 |
| 21 | `#6c8ec9` | `oklch(64.48% 0.0978 261.41)` | Provence | black, 6.3 to 1 |
| 22 | `#7695d0` | `oklch(67.06% 0.0942 262.05)` | Pannikin | black, 6.9 to 1 |
| 23 | `#7f9dd6` | `oklch(69.63% 0.0902 262.65)` | Purple Gentian | black, 7.7 to 1 |
| 24 | `#89a5dc` | `oklch(72.16% 0.0858 263.23)` | Blue Cue | black, 8.4 to 1 |
| 25 | `#93ade1` | `oklch(74.63% 0.0812 263.76)` | Blue Skies Today | black, 9.2 to 1 |
| 26 | `#9cb4e6` | `oklch(77.01% 0.0765 264.26)` | Myrtle Flower | black, 10.1 to 1 |
| 27 | `#a5bbeb` | `oklch(79.27% 0.0719 264.73)` | Perano | black, 10.9 to 1 |
| 28 | `#adc2ef` | `oklch(81.38% 0.0675 265.16)` | Sky High | black, 11.7 to 1 |
| 29 | `#b5c8f3` | `oklch(83.32% 0.0635 265.56)` | Tropical Blue | black, 12.5 to 1 |
| 30 | `#bccef6` | `oklch(85.05% 0.0600 265.92)` | Frost Fairy | black, 13.2 to 1 |
| 31 | `#c1d3f9` | `oklch(86.55% 0.0571 266.24)` | Frozen Periwinkle | black, 13.9 to 1 |
| 32 | `#c6d7fc` | `oklch(87.80% 0.0551 266.53)` | Pale Phthalo Blue | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0f161c 0.0%, #101921 3.2%, #111d26 6.5%, #13212d 9.7%, #142634 12.9%, #162b3d 16.1%, #183146 19.4%, #1b3750 22.6%, #1e3d5b 25.8%, #214366 29.0%, #254a71 32.3%, #2a507c 35.5%, #305787 38.7%, #365e92 41.9%, #3c649c 45.2%, #436ba5 48.4%, #4a71ad 51.6%, #5178b4 54.8%, #5a7fbc 58.1%, #6386c3 61.3%, #6c8ec9 64.5%, #7695d0 67.7%, #7f9dd6 71.0%, #89a5dc 74.2%, #93ade1 77.4%, #9cb4e6 80.6%, #a5bbeb 83.9%, #adc2ef 87.1%, #b5c8f3 90.3%, #bccef6 93.5%, #c1d3f9 96.8%, #c6d7fc 100.0%);
background: linear-gradient(90deg in oklch, oklch(19.69% 0.0165 241.17) 0.0%, oklch(20.91% 0.0199 241.80) 3.2%, oklch(22.39% 0.0245 242.59) 6.5%, oklch(24.10% 0.0299 243.51) 9.7%, oklch(26.01% 0.0361 244.54) 12.9%, oklch(28.09% 0.0429 245.67) 16.1%, oklch(30.31% 0.0500 246.88) 19.4%, oklch(32.65% 0.0574 248.13) 22.6%, oklch(35.09% 0.0648 249.42) 25.8%, oklch(37.59% 0.0721 250.72) 29.0%, oklch(40.12% 0.0790 252.02) 32.3%, oklch(42.67% 0.0854 253.28) 35.5%, oklch(45.20% 0.0912 254.50) 38.7%, oklch(47.69% 0.0961 255.65) 41.9%, oklch(50.11% 0.0999 256.71) 45.2%, oklch(52.43% 0.1025 257.65) 48.4%, oklch(54.66% 0.1038 258.48) 51.6%, oklch(56.99% 0.1038 259.27) 54.8%, oklch(59.42% 0.1027 260.02) 58.1%, oklch(61.93% 0.1006 260.73) 61.3%, oklch(64.48% 0.0978 261.41) 64.5%, oklch(67.06% 0.0942 262.05) 67.7%, oklch(69.63% 0.0902 262.65) 71.0%, oklch(72.16% 0.0858 263.23) 74.2%, oklch(74.63% 0.0812 263.76) 77.4%, oklch(77.01% 0.0765 264.26) 80.6%, oklch(79.27% 0.0719 264.73) 83.9%, oklch(81.38% 0.0675 265.16) 87.1%, oklch(83.32% 0.0635 265.56) 90.3%, oklch(85.05% 0.0600 265.92) 93.5%, oklch(86.55% 0.0571 266.24) 96.8%, oklch(87.80% 0.0551 266.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.017 | 241.2 |
| 2 | 0.535 | 0.103 | 258.1 |
| 3 | 0.878 | 0.055 | 266.5 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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