# Pale gray muted blue gradient

Black, navy and white linear gradient with 64 colors: #000419, #00041a, #00051c, #00061e, #000720, #010822, #010924, #010a26, #020c29, #020d2c, #030e2f, #041031, #051235, #061338, #07153b, #08173e, #0a1942, #0c1b45, #0d1e49, #0f204d, #112351, #122554, #142858, #152b5c, #162f60, #173264, #173668, #18396b, #183d6f, #184273, #174676, #174b79, #164f7c, #15557f, #145a82, #156084, #176686, #1b6d88, #21738a, #297a8b, #32818d, #3c878e, #478e8f, #529490, #5e9a91, #6aa093, #76a695, #82ac98, #8eb19b, #9ab79f, #a5bca4, #b0c1aa, #bac7b0, #c3ccb6, #ccd1bd, #d4d6c4, #dbdbcb, #e1e0d2, #e7e4d9, #ece9e0, #f0ede6, #f4f1ec, #f7f5f1, #faf8f5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, navy and white linear gradient
- Seed: `kSHia5tCK-fyBq8`
- Page: https://grabient.com/kSHia5tCK-fyBq8?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark to light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 19.2 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 | `#000419` | `oklch(11.83% 0.0522 261.32)` | Melanophobia | white, 20.3 to 1 |
| 2 | `#00041a` | `oklch(12.30% 0.0531 260.97)` | Melanophobia | white, 20.2 to 1 |
| 3 | `#00051c` | `oklch(12.80% 0.0541 260.70)` | Melanophobia | white, 20.2 to 1 |
| 4 | `#00061e` | `oklch(13.34% 0.0553 260.79)` | Melanophobia | white, 20.1 to 1 |
| 5 | `#000720` | `oklch(13.90% 0.0567 260.97)` | Melanophobia | white, 19.9 to 1 |
| 6 | `#010822` | `oklch(14.50% 0.0582 261.23)` | Melanophobia | white, 19.8 to 1 |
| 7 | `#010924` | `oklch(15.13% 0.0598 261.55)` | Mysterious Depths | white, 19.7 to 1 |
| 8 | `#010a26` | `oklch(15.79% 0.0616 261.92)` | Mysterious Depths | white, 19.5 to 1 |
| 9 | `#020c29` | `oklch(16.48% 0.0634 262.32)` | Void | white, 19.3 to 1 |
| 10 | `#020d2c` | `oklch(17.20% 0.0654 262.75)` | Mysterious Depths | white, 19.1 to 1 |
| 11 | `#030e2f` | `oklch(17.94% 0.0674 263.19)` | Squid’s Ink | white, 18.9 to 1 |
| 12 | `#041031` | `oklch(18.72% 0.0694 263.62)` | Squid’s Ink | white, 18.6 to 1 |
| 13 | `#051235` | `oklch(19.53% 0.0715 264.03)` | Infinite Night | white, 18.4 to 1 |
| 14 | `#061338` | `oklch(20.36% 0.0736 264.40)` | Infinite Night | white, 18.1 to 1 |
| 15 | `#07153b` | `oklch(21.23% 0.0758 264.73)` | Navy | white, 17.7 to 1 |
| 16 | `#08173e` | `oklch(22.12% 0.0779 265.00)` | Navy | white, 17.4 to 1 |
| 17 | `#0a1942` | `oklch(23.04% 0.0799 265.19)` | Maastricht Blue | white, 17 to 1 |
| 18 | `#0c1b45` | `oklch(23.99% 0.0819 265.30)` | Oxford Blue | white, 16.6 to 1 |
| 19 | `#0d1e49` | `oklch(24.97% 0.0839 265.30)` | Oxford Blue | white, 16.1 to 1 |
| 20 | `#0f204d` | `oklch(25.98% 0.0857 265.18)` | Dark Soul | white, 15.7 to 1 |
| 21 | `#112351` | `oklch(27.02% 0.0875 264.93)` | Dark Soul | white, 15.2 to 1 |
| 22 | `#122554` | `oklch(28.08% 0.0892 264.54)` | Dark Soul | white, 14.7 to 1 |
| 23 | `#142858` | `oklch(29.18% 0.0907 263.99)` | Ultramarine Violet | white, 14.2 to 1 |
| 24 | `#152b5c` | `oklch(30.30% 0.0920 263.26)` | Ultramarine Violet | white, 13.6 to 1 |
| 25 | `#162f60` | `oklch(31.45% 0.0932 262.35)` | Mythical Night | white, 13.1 to 1 |
| 26 | `#173264` | `oklch(32.62% 0.0942 261.24)` | Funnel Cloud | white, 12.5 to 1 |
| 27 | `#173668` | `oklch(33.83% 0.0950 259.92)` | Passionate Blue | white, 11.9 to 1 |
| 28 | `#18396b` | `oklch(35.06% 0.0956 258.36)` | Ateneo Blue | white, 11.3 to 1 |
| 29 | `#183d6f` | `oklch(36.32% 0.0960 256.57)` | Ashenvale Nights | white, 10.7 to 1 |
| 30 | `#184273` | `oklch(37.61% 0.0961 254.52)` | Assault | white, 10.2 to 1 |
| 31 | `#174676` | `oklch(38.92% 0.0959 252.20)` | Honourable Blue | white, 9.6 to 1 |
| 32 | `#174b79` | `oklch(40.26% 0.0954 249.59)` | Seashell Cove | white, 9 to 1 |
| 33 | `#164f7c` | `oklch(41.64% 0.0947 246.67)` | China Seas | white, 8.5 to 1 |
| 34 | `#15557f` | `oklch(43.12% 0.0935 243.29)` | Mykonos Blue | white, 7.9 to 1 |
| 35 | `#145a82` | `oklch(44.70% 0.0921 239.48)` | Whale’s Tale | white, 7.4 to 1 |
| 36 | `#156084` | `oklch(46.37% 0.0903 235.25)` | Blue Velvet | white, 6.8 to 1 |
| 37 | `#176686` | `oklch(48.13% 0.0883 230.65)` | Bowerbird Blue | white, 6.3 to 1 |
| 38 | `#1b6d88` | `oklch(49.97% 0.0860 225.70)` | Saxony Blue | white, 5.8 to 1 |
| 39 | `#21738a` | `oklch(51.87% 0.0835 220.43)` | Amulet Gem | white, 5.3 to 1 |
| 40 | `#297a8b` | `oklch(53.84% 0.0807 214.88)` | Panorama | white, 4.9 to 1 |
| 41 | `#32818d` | `oklch(55.86% 0.0777 209.07)` | Sea Bed | black, 4.6 to 1 |
| 42 | `#3c878e` | `oklch(57.92% 0.0746 203.04)` | Sea Caller | black, 5 to 1 |
| 43 | `#478e8f` | `oklch(60.02% 0.0713 196.83)` | Blue Chill | black, 5.5 to 1 |
| 44 | `#529490` | `oklch(62.14% 0.0679 190.45)` | Mirage Lake | black, 5.9 to 1 |
| 45 | `#5e9a91` | `oklch(64.29% 0.0643 183.95)` | Goose Pond Green | black, 6.5 to 1 |
| 46 | `#6aa093` | `oklch(66.45% 0.0607 177.35)` | Jade Dragon | black, 7 to 1 |
| 47 | `#76a695` | `oklch(68.61% 0.0570 170.69)` | Free Green | black, 7.6 to 1 |
| 48 | `#82ac98` | `oklch(70.77% 0.0532 163.99)` | Catnip | black, 8.2 to 1 |
| 49 | `#8eb19b` | `oklch(72.92% 0.0494 157.30)` | Andean Slate | black, 8.9 to 1 |
| 50 | `#9ab79f` | `oklch(75.04% 0.0457 150.63)` | Copper Patina | black, 9.6 to 1 |
| 51 | `#a5bca4` | `oklch(77.14% 0.0419 144.02)` | Bryophyte | black, 10.3 to 1 |
| 52 | `#b0c1aa` | `oklch(79.20% 0.0381 137.51)` | Creamy Spinach | black, 11 to 1 |
| 53 | `#bac7b0` | `oklch(81.21% 0.0345 131.12)` | Composed | black, 11.8 to 1 |
| 54 | `#c3ccb6` | `oklch(83.17% 0.0309 124.89)` | Spring Hill | black, 12.6 to 1 |
| 55 | `#ccd1bd` | `oklch(85.07% 0.0274 118.84)` | Garlic Suede | black, 13.3 to 1 |
| 56 | `#d4d6c4` | `oklch(86.90% 0.0240 113.01)` | Wine Bottle | black, 14.1 to 1 |
| 57 | `#dbdbcb` | `oklch(88.65% 0.0208 107.44)` | Tree Moss | black, 14.9 to 1 |
| 58 | `#e1e0d2` | `oklch(90.31% 0.0177 102.14)` | Italian Ice | black, 15.7 to 1 |
| 59 | `#e7e4d9` | `oklch(91.88% 0.0149 97.16)` | Cherish Is the Word | black, 16.5 to 1 |
| 60 | `#ece9e0` | `oklch(93.35% 0.0122 92.52)` | Taj Mahal | black, 17.2 to 1 |
| 61 | `#f0ede6` | `oklch(94.71% 0.0098 88.26)` | Salt | black, 17.9 to 1 |
| 62 | `#f4f1ec` | `oklch(95.94% 0.0076 84.40)` | Lustre White | black, 18.6 to 1 |
| 63 | `#f7f5f1` | `oklch(97.06% 0.0057 80.99)` | Venerable White | black, 19.2 to 1 |
| 64 | `#faf8f5` | `oklch(98.03% 0.0041 78.04)` | Orange Albedo | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #000419 0.0%, #00041a 1.6%, #00051c 3.2%, #00061e 4.8%, #000720 6.3%, #010822 7.9%, #010924 9.5%, #010a26 11.1%, #020c29 12.7%, #020d2c 14.3%, #030e2f 15.9%, #041031 17.5%, #051235 19.0%, #061338 20.6%, #07153b 22.2%, #08173e 23.8%, #0a1942 25.4%, #0c1b45 27.0%, #0d1e49 28.6%, #0f204d 30.2%, #112351 31.7%, #122554 33.3%, #142858 34.9%, #152b5c 36.5%, #162f60 38.1%, #173264 39.7%, #173668 41.3%, #18396b 42.9%, #183d6f 44.4%, #184273 46.0%, #174676 47.6%, #174b79 49.2%, #164f7c 50.8%, #15557f 52.4%, #145a82 54.0%, #156084 55.6%, #176686 57.1%, #1b6d88 58.7%, #21738a 60.3%, #297a8b 61.9%, #32818d 63.5%, #3c878e 65.1%, #478e8f 66.7%, #529490 68.3%, #5e9a91 69.8%, #6aa093 71.4%, #76a695 73.0%, #82ac98 74.6%, #8eb19b 76.2%, #9ab79f 77.8%, #a5bca4 79.4%, #b0c1aa 81.0%, #bac7b0 82.5%, #c3ccb6 84.1%, #ccd1bd 85.7%, #d4d6c4 87.3%, #dbdbcb 88.9%, #e1e0d2 90.5%, #e7e4d9 92.1%, #ece9e0 93.7%, #f0ede6 95.2%, #f4f1ec 96.8%, #f7f5f1 98.4%, #faf8f5 100.0%);
background: linear-gradient(225deg in oklch, oklch(11.83% 0.0522 261.32) 0.0%, oklch(12.30% 0.0531 260.97) 1.6%, oklch(12.80% 0.0541 260.70) 3.2%, oklch(13.34% 0.0553 260.79) 4.8%, oklch(13.90% 0.0567 260.97) 6.3%, oklch(14.50% 0.0582 261.23) 7.9%, oklch(15.13% 0.0598 261.55) 9.5%, oklch(15.79% 0.0616 261.92) 11.1%, oklch(16.48% 0.0634 262.32) 12.7%, oklch(17.20% 0.0654 262.75) 14.3%, oklch(17.94% 0.0674 263.19) 15.9%, oklch(18.72% 0.0694 263.62) 17.5%, oklch(19.53% 0.0715 264.03) 19.0%, oklch(20.36% 0.0736 264.40) 20.6%, oklch(21.23% 0.0758 264.73) 22.2%, oklch(22.12% 0.0779 265.00) 23.8%, oklch(23.04% 0.0799 265.19) 25.4%, oklch(23.99% 0.0819 265.30) 27.0%, oklch(24.97% 0.0839 265.30) 28.6%, oklch(25.98% 0.0857 265.18) 30.2%, oklch(27.02% 0.0875 264.93) 31.7%, oklch(28.08% 0.0892 264.54) 33.3%, oklch(29.18% 0.0907 263.99) 34.9%, oklch(30.30% 0.0920 263.26) 36.5%, oklch(31.45% 0.0932 262.35) 38.1%, oklch(32.62% 0.0942 261.24) 39.7%, oklch(33.83% 0.0950 259.92) 41.3%, oklch(35.06% 0.0956 258.36) 42.9%, oklch(36.32% 0.0960 256.57) 44.4%, oklch(37.61% 0.0961 254.52) 46.0%, oklch(38.92% 0.0959 252.20) 47.6%, oklch(40.26% 0.0954 249.59) 49.2%, oklch(41.64% 0.0947 246.67) 50.8%, oklch(43.12% 0.0935 243.29) 52.4%, oklch(44.70% 0.0921 239.48) 54.0%, oklch(46.37% 0.0903 235.25) 55.6%, oklch(48.13% 0.0883 230.65) 57.1%, oklch(49.97% 0.0860 225.70) 58.7%, oklch(51.87% 0.0835 220.43) 60.3%, oklch(53.84% 0.0807 214.88) 61.9%, oklch(55.86% 0.0777 209.07) 63.5%, oklch(57.92% 0.0746 203.04) 65.1%, oklch(60.02% 0.0713 196.83) 66.7%, oklch(62.14% 0.0679 190.45) 68.3%, oklch(64.29% 0.0643 183.95) 69.8%, oklch(66.45% 0.0607 177.35) 71.4%, oklch(68.61% 0.0570 170.69) 73.0%, oklch(70.77% 0.0532 163.99) 74.6%, oklch(72.92% 0.0494 157.30) 76.2%, oklch(75.04% 0.0457 150.63) 77.8%, oklch(77.14% 0.0419 144.02) 79.4%, oklch(79.20% 0.0381 137.51) 81.0%, oklch(81.21% 0.0345 131.12) 82.5%, oklch(83.17% 0.0309 124.89) 84.1%, oklch(85.07% 0.0274 118.84) 85.7%, oklch(86.90% 0.0240 113.01) 87.3%, oklch(88.65% 0.0208 107.44) 88.9%, oklch(90.31% 0.0177 102.14) 90.5%, oklch(91.88% 0.0149 97.16) 92.1%, oklch(93.35% 0.0122 92.52) 93.7%, oklch(94.71% 0.0098 88.26) 95.2%, oklch(95.94% 0.0076 84.40) 96.8%, oklch(97.06% 0.0057 80.99) 98.4%, oklch(98.03% 0.0041 78.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.052 | 260.9 |
| 2 | 0.409 | 0.095 | 248.2 |
| 3 | 0.98 | 0.004 | 78 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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