# Light blue, gray and navy linear gradient

Light blue, gray and navy linear gradient with 64 colors: #7db9d0, #7fb9d1, #82bad3, #86bbd6, #8abcd8, #8fbdda, #94bedd, #9ac0df, #a0c1e2, #a5c3e4, #acc5e7, #b2c7e9, #b8c8eb, #becaec, #c4ccee, #c9cfef, #cfd1f0, #d4d3f0, #d8d5f1, #ddd7f1, #e0d9f2, #e4daf2, #e7dcf2, #e9def1, #ebdff1, #ece0f1, #ede0f0, #eee1ef, #eee0ee, #ede0ec, #ecdfeb, #ebdde9, #e9dbe6, #e6d9e3, #e3d5e0, #dfd1dc, #dacdd8, #d6c8d4, #d0c3cf, #cbbdca, #c5b7c5, #beb1c0, #b8aaba, #b1a4b5, #aa9daf, #a396a9, #9b8fa4, #94899e, #8c8298, #847b93, #7d758d, #756e88, #6d6883, #66627e, #5f5d79, #585774, #52526f, #4b4e6b, #464967, #404563, #3b415f, #373e5c, #333b59, #303957. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSvzOf84fMiyTuM`
- Page: https://grabient.com/kSvzOf84fMiyTuM?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.9 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 | `#7db9d0` | `oklch(75.20% 0.0703 224.30)` | Petit Four | black, 9.6 to 1 |
| 2 | `#7fb9d1` | `oklch(75.50% 0.0694 226.18)` | Petit Four | black, 9.7 to 1 |
| 3 | `#82bad3` | `oklch(75.89% 0.0684 228.42)` | Petit Four | black, 9.9 to 1 |
| 4 | `#86bbd6` | `oklch(76.38% 0.0671 230.99)` | Simply Posh | black, 10 to 1 |
| 5 | `#8abcd8` | `oklch(76.94% 0.0658 233.86)` | Frozen Whisper | black, 10.2 to 1 |
| 6 | `#8fbdda` | `oklch(77.57% 0.0643 237.01)` | Manakin | black, 10.4 to 1 |
| 7 | `#94bedd` | `oklch(78.27% 0.0627 240.42)` | Sleeping Easy | black, 10.6 to 1 |
| 8 | `#9ac0df` | `oklch(79.01% 0.0610 244.05)` | Blue Magpie | black, 10.9 to 1 |
| 9 | `#a0c1e2` | `oklch(79.81% 0.0592 247.88)` | Pale Cerulean | black, 11.2 to 1 |
| 10 | `#a5c3e4` | `oklch(80.64% 0.0573 251.88)` | Promise | black, 11.5 to 1 |
| 11 | `#acc5e7` | `oklch(81.50% 0.0554 256.03)` | Promise Keeping | black, 11.8 to 1 |
| 12 | `#b2c7e9` | `oklch(82.37% 0.0533 260.30)` | Promise Keeping | black, 12.1 to 1 |
| 13 | `#b8c8eb` | `oklch(83.27% 0.0513 264.67)` | Pale Wisteria | black, 12.5 to 1 |
| 14 | `#becaec` | `oklch(84.16% 0.0492 269.10)` | Cuddle | black, 12.8 to 1 |
| 15 | `#c4ccee` | `oklch(85.05% 0.0471 273.57)` | Ace | black, 13.2 to 1 |
| 16 | `#c9cfef` | `oklch(85.92% 0.0450 278.07)` | Frozen Periwinkle | black, 13.6 to 1 |
| 17 | `#cfd1f0` | `oklch(86.78% 0.0429 282.55)` | Frozen Periwinkle | black, 13.9 to 1 |
| 18 | `#d4d3f0` | `oklch(87.60% 0.0408 286.99)` | Air Castle | black, 14.3 to 1 |
| 19 | `#d8d5f1` | `oklch(88.38% 0.0387 291.37)` | Lavender Sky | black, 14.6 to 1 |
| 20 | `#ddd7f1` | `oklch(89.12% 0.0367 295.66)` | Lavender Sky | black, 15 to 1 |
| 21 | `#e0d9f2` | `oklch(89.80% 0.0348 299.83)` | Lavender Sky | black, 15.3 to 1 |
| 22 | `#e4daf2` | `oklch(90.42% 0.0329 303.87)` | Pouty Purple | black, 15.6 to 1 |
| 23 | `#e7dcf2` | `oklch(90.97% 0.0311 307.73)` | Lingering Lilac | black, 15.9 to 1 |
| 24 | `#e9def1` | `oklch(91.43% 0.0294 311.40)` | Lingering Lilac | black, 16.1 to 1 |
| 25 | `#ebdff1` | `oklch(91.81% 0.0278 314.85)` | Divine Dove | black, 16.3 to 1 |
| 26 | `#ece0f1` | `oklch(92.09% 0.0264 318.05)` | Sheer Lavender | black, 16.4 to 1 |
| 27 | `#ede0f0` | `oklch(92.26% 0.0250 320.98)` | Sheer Lavender | black, 16.5 to 1 |
| 28 | `#eee1ef` | `oklch(92.32% 0.0239 323.61)` | Faded Fuchsia | black, 16.6 to 1 |
| 29 | `#eee0ee` | `oklch(92.25% 0.0228 325.91)` | Faded Fuchsia | black, 16.5 to 1 |
| 30 | `#ede0ec` | `oklch(92.06% 0.0220 327.86)` | Heaven Sent | black, 16.4 to 1 |
| 31 | `#ecdfeb` | `oklch(91.73% 0.0213 329.44)` | Angora Pink | black, 16.3 to 1 |
| 32 | `#ebdde9` | `oklch(91.24% 0.0208 330.60)` | Sprinkle | black, 16 to 1 |
| 33 | `#e9dbe6` | `oklch(90.60% 0.0206 331.35)` | Twinkled Pink | black, 15.7 to 1 |
| 34 | `#e6d9e3` | `oklch(89.77% 0.0205 331.70)` | Rajah Rose | black, 15.3 to 1 |
| 35 | `#e3d5e0` | `oklch(88.76% 0.0206 331.69)` | Soft Lilac | black, 14.8 to 1 |
| 36 | `#dfd1dc` | `oklch(87.57% 0.0209 331.33)` | Orchid Ice | black, 14.3 to 1 |
| 37 | `#dacdd8` | `oklch(86.23% 0.0213 330.66)` | Light Puffball | black, 13.7 to 1 |
| 38 | `#d6c8d4` | `oklch(84.74% 0.0219 329.68)` | Eternal Moonrise | black, 13 to 1 |
| 39 | `#d0c3cf` | `oklch(83.12% 0.0227 328.43)` | Amethyst Light Violet | black, 12.3 to 1 |
| 40 | `#cbbdca` | `oklch(81.38% 0.0235 326.92)` | My Mona | black, 11.6 to 1 |
| 41 | `#c5b7c5` | `oklch(79.53% 0.0245 325.18)` | Pink Bravado | black, 10.9 to 1 |
| 42 | `#beb1c0` | `oklch(77.58% 0.0256 323.23)` | Almost Plum | black, 10.2 to 1 |
| 43 | `#b8aaba` | `oklch(75.55% 0.0268 321.09)` | Lola | black, 9.5 to 1 |
| 44 | `#b1a4b5` | `oklch(73.44% 0.0281 318.78)` | Midsummer Twilight | black, 8.8 to 1 |
| 45 | `#aa9daf` | `oklch(71.28% 0.0294 316.32)` | Goose Wing Grey | black, 8.1 to 1 |
| 46 | `#a396a9` | `oklch(69.07% 0.0308 313.74)` | Windsor Haze | black, 7.5 to 1 |
| 47 | `#9b8fa4` | `oklch(66.82% 0.0322 311.05)` | Smoky Grape | black, 6.8 to 1 |
| 48 | `#94899e` | `oklch(64.55% 0.0337 308.28)` | Eccentricity | black, 6.3 to 1 |
| 49 | `#8c8298` | `oklch(62.26% 0.0352 305.46)` | Purple Ash | black, 5.7 to 1 |
| 50 | `#847b93` | `oklch(59.98% 0.0368 302.60)` | Purpletone | black, 5.2 to 1 |
| 51 | `#7d758d` | `oklch(57.72% 0.0383 299.72)` | Batik Lilac | black, 4.7 to 1 |
| 52 | `#756e88` | `oklch(55.47% 0.0398 296.84)` | Beets | white, 4.8 to 1 |
| 53 | `#6d6883` | `oklch(53.27% 0.0414 294.00)` | Hyacinth Arbour | white, 5.2 to 1 |
| 54 | `#66627e` | `oklch(51.12% 0.0428 291.20)` | Blue Potato | white, 5.7 to 1 |
| 55 | `#5f5d79` | `oklch(49.03% 0.0443 288.48)` | Strong Iris | white, 6.3 to 1 |
| 56 | `#585774` | `oklch(47.01% 0.0457 285.85)` | The Fang | white, 6.9 to 1 |
| 57 | `#52526f` | `oklch(45.08% 0.0470 283.34)` | Sombre Grey | white, 7.4 to 1 |
| 58 | `#4b4e6b` | `oklch(43.25% 0.0483 280.96)` | Pango Black | white, 8.1 to 1 |
| 59 | `#464967` | `oklch(41.53% 0.0495 278.74)` | Darkshore | white, 8.7 to 1 |
| 60 | `#404563` | `oklch(39.94% 0.0506 276.70)` | Blue Wonder | white, 9.3 to 1 |
| 61 | `#3b415f` | `oklch(38.48% 0.0515 274.87)` | Church Blue | white, 9.9 to 1 |
| 62 | `#373e5c` | `oklch(37.17% 0.0524 273.26)` | Mangosteen | white, 10.4 to 1 |
| 63 | `#333b59` | `oklch(36.02% 0.0531 271.89)` | Magic Night | white, 10.9 to 1 |
| 64 | `#303957` | `oklch(35.04% 0.0537 270.79)` | Mediaeval Blue | white, 11.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #7db9d0 0.0%, #7fb9d1 1.6%, #82bad3 3.2%, #86bbd6 4.8%, #8abcd8 6.3%, #8fbdda 7.9%, #94bedd 9.5%, #9ac0df 11.1%, #a0c1e2 12.7%, #a5c3e4 14.3%, #acc5e7 15.9%, #b2c7e9 17.5%, #b8c8eb 19.0%, #becaec 20.6%, #c4ccee 22.2%, #c9cfef 23.8%, #cfd1f0 25.4%, #d4d3f0 27.0%, #d8d5f1 28.6%, #ddd7f1 30.2%, #e0d9f2 31.7%, #e4daf2 33.3%, #e7dcf2 34.9%, #e9def1 36.5%, #ebdff1 38.1%, #ece0f1 39.7%, #ede0f0 41.3%, #eee1ef 42.9%, #eee0ee 44.4%, #ede0ec 46.0%, #ecdfeb 47.6%, #ebdde9 49.2%, #e9dbe6 50.8%, #e6d9e3 52.4%, #e3d5e0 54.0%, #dfd1dc 55.6%, #dacdd8 57.1%, #d6c8d4 58.7%, #d0c3cf 60.3%, #cbbdca 61.9%, #c5b7c5 63.5%, #beb1c0 65.1%, #b8aaba 66.7%, #b1a4b5 68.3%, #aa9daf 69.8%, #a396a9 71.4%, #9b8fa4 73.0%, #94899e 74.6%, #8c8298 76.2%, #847b93 77.8%, #7d758d 79.4%, #756e88 81.0%, #6d6883 82.5%, #66627e 84.1%, #5f5d79 85.7%, #585774 87.3%, #52526f 88.9%, #4b4e6b 90.5%, #464967 92.1%, #404563 93.7%, #3b415f 95.2%, #373e5c 96.8%, #333b59 98.4%, #303957 100.0%);
background: linear-gradient(225deg in oklch, oklch(75.20% 0.0703 224.30) 0.0%, oklch(75.50% 0.0694 226.18) 1.6%, oklch(75.89% 0.0684 228.42) 3.2%, oklch(76.38% 0.0671 230.99) 4.8%, oklch(76.94% 0.0658 233.86) 6.3%, oklch(77.57% 0.0643 237.01) 7.9%, oklch(78.27% 0.0627 240.42) 9.5%, oklch(79.01% 0.0610 244.05) 11.1%, oklch(79.81% 0.0592 247.88) 12.7%, oklch(80.64% 0.0573 251.88) 14.3%, oklch(81.50% 0.0554 256.03) 15.9%, oklch(82.37% 0.0533 260.30) 17.5%, oklch(83.27% 0.0513 264.67) 19.0%, oklch(84.16% 0.0492 269.10) 20.6%, oklch(85.05% 0.0471 273.57) 22.2%, oklch(85.92% 0.0450 278.07) 23.8%, oklch(86.78% 0.0429 282.55) 25.4%, oklch(87.60% 0.0408 286.99) 27.0%, oklch(88.38% 0.0387 291.37) 28.6%, oklch(89.12% 0.0367 295.66) 30.2%, oklch(89.80% 0.0348 299.83) 31.7%, oklch(90.42% 0.0329 303.87) 33.3%, oklch(90.97% 0.0311 307.73) 34.9%, oklch(91.43% 0.0294 311.40) 36.5%, oklch(91.81% 0.0278 314.85) 38.1%, oklch(92.09% 0.0264 318.05) 39.7%, oklch(92.26% 0.0250 320.98) 41.3%, oklch(92.32% 0.0239 323.61) 42.9%, oklch(92.25% 0.0228 325.91) 44.4%, oklch(92.06% 0.0220 327.86) 46.0%, oklch(91.73% 0.0213 329.44) 47.6%, oklch(91.24% 0.0208 330.60) 49.2%, oklch(90.60% 0.0206 331.35) 50.8%, oklch(89.77% 0.0205 331.70) 52.4%, oklch(88.76% 0.0206 331.69) 54.0%, oklch(87.57% 0.0209 331.33) 55.6%, oklch(86.23% 0.0213 330.66) 57.1%, oklch(84.74% 0.0219 329.68) 58.7%, oklch(83.12% 0.0227 328.43) 60.3%, oklch(81.38% 0.0235 326.92) 61.9%, oklch(79.53% 0.0245 325.18) 63.5%, oklch(77.58% 0.0256 323.23) 65.1%, oklch(75.55% 0.0268 321.09) 66.7%, oklch(73.44% 0.0281 318.78) 68.3%, oklch(71.28% 0.0294 316.32) 69.8%, oklch(69.07% 0.0308 313.74) 71.4%, oklch(66.82% 0.0322 311.05) 73.0%, oklch(64.55% 0.0337 308.28) 74.6%, oklch(62.26% 0.0352 305.46) 76.2%, oklch(59.98% 0.0368 302.60) 77.8%, oklch(57.72% 0.0383 299.72) 79.4%, oklch(55.47% 0.0398 296.84) 81.0%, oklch(53.27% 0.0414 294.00) 82.5%, oklch(51.12% 0.0428 291.20) 84.1%, oklch(49.03% 0.0443 288.48) 85.7%, oklch(47.01% 0.0457 285.85) 87.3%, oklch(45.08% 0.0470 283.34) 88.9%, oklch(43.25% 0.0483 280.96) 90.5%, oklch(41.53% 0.0495 278.74) 92.1%, oklch(39.94% 0.0506 276.70) 93.7%, oklch(38.48% 0.0515 274.87) 95.2%, oklch(37.17% 0.0524 273.26) 96.8%, oklch(36.02% 0.0531 271.89) 98.4%, oklch(35.04% 0.0537 270.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.07 | 224.3 |
| 2 | 0.909 | 0.021 | 331 |
| 3 | 0.35 | 0.054 | 270.8 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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