# Muted monochrome navy to light blue linear gradient

Muted monochrome navy to light blue linear gradient with 32 colors: #2b3a5a, #2d3c5e, #304062, #334568, #374a6e, #3b4f75, #3f557b, #435a81, #475f87, #4b658c, #4f6a90, #536f95, #58759a, #5d7a9e, #6280a2, #6786a7, #6d8cac, #7392b0, #7a99b5, #80a0ba, #88a7bf, #8fadc3, #96b4c8, #9ebacd, #a5c1d1, #adc7d6, #b5cedb, #bdd5e0, #c5dbe4, #cce0e8, #d2e5ec, #d7e9ef. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWWSy8vRm_U6WPtjDr49Qe-I`
- Page: https://grabient.com/kWWSy8vRm_U6WPtjDr49Qe-I?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#2b3a5a` | `oklch(35.04% 0.0606 265.08)` | Mediaeval Blue | white, 11.3 to 1 |
| 2 | `#2d3c5e` | `oklch(36.07% 0.0615 264.69)` | Nautilus | white, 10.8 to 1 |
| 3 | `#304062` | `oklch(37.45% 0.0629 264.19)` | Black Turmeric | white, 10.2 to 1 |
| 4 | `#334568` | `oklch(39.09% 0.0645 263.61)` | Forlorn Cruise | white, 9.6 to 1 |
| 5 | `#374a6e` | `oklch(40.91% 0.0663 262.94)` | Jazz Age Blues | white, 8.9 to 1 |
| 6 | `#3b4f75` | `oklch(42.84% 0.0679 262.20)` | Takaka | white, 8.2 to 1 |
| 7 | `#3f557b` | `oklch(44.79% 0.0692 261.38)` | Deep Azure | white, 7.5 to 1 |
| 8 | `#435a81` | `oklch(46.69% 0.0701 260.49)` | Optimum Blue | white, 6.9 to 1 |
| 9 | `#475f87` | `oklch(48.46% 0.0703 259.55)` | Indigo Navy Blue | white, 6.4 to 1 |
| 10 | `#4b658c` | `oklch(50.18% 0.0699 258.56)` | Sea of Galilee | white, 5.9 to 1 |
| 11 | `#4f6a90` | `oklch(51.90% 0.0692 257.50)` | Wickford Bay | white, 5.5 to 1 |
| 12 | `#536f95` | `oklch(53.63% 0.0682 256.37)` | Riverside | white, 5.1 to 1 |
| 13 | `#58759a` | `oklch(55.38% 0.0668 255.17)` | Yawl | white, 4.7 to 1 |
| 14 | `#5d7a9e` | `oklch(57.16% 0.0652 253.89)` | Blue Plate | black, 4.7 to 1 |
| 15 | `#6280a2` | `oklch(58.98% 0.0635 252.52)` | Blue Boater | black, 5.1 to 1 |
| 16 | `#6786a7` | `oklch(60.85% 0.0616 251.05)` | Moody Indigo | black, 5.5 to 1 |
| 17 | `#6d8cac` | `oklch(62.79% 0.0596 249.48)` | Scanda | black, 5.9 to 1 |
| 18 | `#7392b0` | `oklch(64.82% 0.0573 247.75)` | Wink | black, 6.4 to 1 |
| 19 | `#7a99b5` | `oklch(66.91% 0.0547 245.90)` | Bluesy Note | black, 7 to 1 |
| 20 | `#80a0ba` | `oklch(69.05% 0.0520 243.96)` | Hawaiian Sky | black, 7.6 to 1 |
| 21 | `#88a7bf` | `oklch(71.20% 0.0491 241.96)` | Notable Hue | black, 8.2 to 1 |
| 22 | `#8fadc3` | `oklch(73.34% 0.0462 239.94)` | Chilly Blue | black, 8.9 to 1 |
| 23 | `#96b4c8` | `oklch(75.44% 0.0433 237.93)` | Respite | black, 9.6 to 1 |
| 24 | `#9ebacd` | `oklch(77.46% 0.0406 235.97)` | Northern Sky Blue | black, 10.3 to 1 |
| 25 | `#a5c1d1` | `oklch(79.46% 0.0380 233.99)` | Drenched | black, 11.1 to 1 |
| 26 | `#adc7d6` | `oklch(81.57% 0.0351 231.86)` | Sonata | black, 11.9 to 1 |
| 27 | `#b5cedb` | `oklch(83.70% 0.0322 229.64)` | Stencil Blue | black, 12.8 to 1 |
| 28 | `#bdd5e0` | `oklch(85.79% 0.0294 227.44)` | Winterscape | black, 13.7 to 1 |
| 29 | `#c5dbe4` | `oklch(87.76% 0.0267 225.35)` | Breath of Fresh Air | black, 14.6 to 1 |
| 30 | `#cce0e8` | `oklch(89.52% 0.0242 223.46)` | Bird Bath Blue | black, 15.4 to 1 |
| 31 | `#d2e5ec` | `oklch(91.01% 0.0222 221.88)` | Ocean Breeze | black, 16.1 to 1 |
| 32 | `#d7e9ef` | `oklch(92.13% 0.0207 220.69)` | Spacious Skies | black, 16.7 to 1 |

## CSS

```css
background: linear-gradient(0deg, #2b3a5a 0.0%, #2d3c5e 3.2%, #304062 6.5%, #334568 9.7%, #374a6e 12.9%, #3b4f75 16.1%, #3f557b 19.4%, #435a81 22.6%, #475f87 25.8%, #4b658c 29.0%, #4f6a90 32.3%, #536f95 35.5%, #58759a 38.7%, #5d7a9e 41.9%, #6280a2 45.2%, #6786a7 48.4%, #6d8cac 51.6%, #7392b0 54.8%, #7a99b5 58.1%, #80a0ba 61.3%, #88a7bf 64.5%, #8fadc3 67.7%, #96b4c8 71.0%, #9ebacd 74.2%, #a5c1d1 77.4%, #adc7d6 80.6%, #b5cedb 83.9%, #bdd5e0 87.1%, #c5dbe4 90.3%, #cce0e8 93.5%, #d2e5ec 96.8%, #d7e9ef 100.0%);
background: linear-gradient(0deg in oklch, oklch(35.04% 0.0606 265.08) 0.0%, oklch(36.07% 0.0615 264.69) 3.2%, oklch(37.45% 0.0629 264.19) 6.5%, oklch(39.09% 0.0645 263.61) 9.7%, oklch(40.91% 0.0663 262.94) 12.9%, oklch(42.84% 0.0679 262.20) 16.1%, oklch(44.79% 0.0692 261.38) 19.4%, oklch(46.69% 0.0701 260.49) 22.6%, oklch(48.46% 0.0703 259.55) 25.8%, oklch(50.18% 0.0699 258.56) 29.0%, oklch(51.90% 0.0692 257.50) 32.3%, oklch(53.63% 0.0682 256.37) 35.5%, oklch(55.38% 0.0668 255.17) 38.7%, oklch(57.16% 0.0652 253.89) 41.9%, oklch(58.98% 0.0635 252.52) 45.2%, oklch(60.85% 0.0616 251.05) 48.4%, oklch(62.79% 0.0596 249.48) 51.6%, oklch(64.82% 0.0573 247.75) 54.8%, oklch(66.91% 0.0547 245.90) 58.1%, oklch(69.05% 0.0520 243.96) 61.3%, oklch(71.20% 0.0491 241.96) 64.5%, oklch(73.34% 0.0462 239.94) 67.7%, oklch(75.44% 0.0433 237.93) 71.0%, oklch(77.46% 0.0406 235.97) 74.2%, oklch(79.46% 0.0380 233.99) 77.4%, oklch(81.57% 0.0351 231.86) 80.6%, oklch(83.70% 0.0322 229.64) 83.9%, oklch(85.79% 0.0294 227.44) 87.1%, oklch(87.76% 0.0267 225.35) 90.3%, oklch(89.52% 0.0242 223.46) 93.5%, oklch(91.01% 0.0222 221.88) 96.8%, oklch(92.13% 0.0207 220.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.061 | 265.1 |
| 2 | 0.48 | 0.07 | 259.8 |
| 3 | 0.618 | 0.061 | 250.3 |
| 4 | 0.78 | 0.04 | 235.5 |
| 5 | 0.921 | 0.021 | 220.7 |

## In these collections

- [Scandinavian Christmas color palette](https://grabient.com/scandinavian-christmas-color-palette)

## Other forms

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