# Muted monochrome navy to blue linear gradient

Muted monochrome navy to blue linear gradient with 32 colors: #08123e, #0a1340, #0c1542, #0e1645, #101848, #131a4b, #161c4f, #1a1e52, #1d2156, #21235a, #24265e, #282962, #2b2d66, #2f306a, #34346e, #383873, #3d3c77, #41417c, #464580, #4b4a85, #504f8a, #55548f, #5a5a94, #61619a, #6768a0, #6e6fa6, #7476ac, #7b7db2, #8184b7, #868abc, #8b8fc0, #8f93c3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNT2-pyPBDuiQJWGj-g`
- Page: https://grabient.com/kUNT2-pyPBDuiQJWGj-g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6 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 | `#08123e` | `oklch(20.87% 0.0841 267.89)` | Deep Cove | white, 17.9 to 1 |
| 2 | `#0a1340` | `oklch(21.40% 0.0849 268.45)` | Deep Cove | white, 17.7 to 1 |
| 3 | `#0c1542` | `oklch(22.06% 0.0861 269.20)` | Deadly Depths | white, 17.5 to 1 |
| 4 | `#0e1645` | `oklch(22.82% 0.0876 270.08)` | Deadly Depths | white, 17.2 to 1 |
| 5 | `#101848` | `oklch(23.67% 0.0892 271.07)` | Tetsu-Kon Blue | white, 16.8 to 1 |
| 6 | `#131a4b` | `oklch(24.61% 0.0909 272.14)` | Tetsu-Kon Blue | white, 16.4 to 1 |
| 7 | `#161c4f` | `oklch(25.63% 0.0926 273.23)` | Fly-by-Night | white, 16 to 1 |
| 8 | `#1a1e52` | `oklch(26.72% 0.0942 274.31)` | Fly-by-Night | white, 15.5 to 1 |
| 9 | `#1d2156` | `oklch(27.87% 0.0957 275.35)` | Spacescape | white, 14.9 to 1 |
| 10 | `#21235a` | `oklch(29.06% 0.0968 276.31)` | Spacescape | white, 14.4 to 1 |
| 11 | `#24265e` | `oklch(30.29% 0.0977 277.15)` | Deep Breath | white, 13.8 to 1 |
| 12 | `#282962` | `oklch(31.56% 0.0981 277.88)` | Deep Breath | white, 13.2 to 1 |
| 13 | `#2b2d66` | `oklch(32.90% 0.0984 278.57)` | Underwater Realm | white, 12.5 to 1 |
| 14 | `#2f306a` | `oklch(34.31% 0.0985 279.25)` | Deep Koamaru | white, 11.9 to 1 |
| 15 | `#34346e` | `oklch(35.78% 0.0984 279.89)` | Deep Koamaru | white, 11.2 to 1 |
| 16 | `#383873` | `oklch(37.31% 0.0982 280.49)` | Good Karma | white, 10.5 to 1 |
| 17 | `#3d3c77` | `oklch(38.89% 0.0978 281.04)` | Sage Violet | white, 9.9 to 1 |
| 18 | `#41417c` | `oklch(40.52% 0.0972 281.53)` | Jacksons Purple | white, 9.2 to 1 |
| 19 | `#464580` | `oklch(42.19% 0.0965 281.95)` | Highlands Twilight | white, 8.6 to 1 |
| 20 | `#4b4a85` | `oklch(43.91% 0.0956 282.30)` | Highlands Twilight | white, 8 to 1 |
| 21 | `#504f8a` | `oklch(45.66% 0.0945 282.56)` | Twilight | white, 7.4 to 1 |
| 22 | `#55548f` | `oklch(47.46% 0.0932 282.73)` | Piccadilly Purple | white, 6.8 to 1 |
| 23 | `#5a5a94` | `oklch(49.46% 0.0916 282.76)` | Persian Plush | white, 6.2 to 1 |
| 24 | `#61619a` | `oklch(51.65% 0.0895 282.67)` | Wizard’s Potion | white, 5.7 to 1 |
| 25 | `#6768a0` | `oklch(53.97% 0.0871 282.48)` | Dusted Peri | white, 5.1 to 1 |
| 26 | `#6e6fa6` | `oklch(56.33% 0.0846 282.21)` | Jacaranda Jazz | white, 4.6 to 1 |
| 27 | `#7476ac` | `oklch(58.68% 0.0820 281.91)` | Regal Azure | black, 4.9 to 1 |
| 28 | `#7b7db2` | `oklch(60.94% 0.0794 281.58)` | Astro Zinger | black, 5.4 to 1 |
| 29 | `#8184b7` | `oklch(63.04% 0.0770 281.25)` | Deep Periwinkle | black, 5.9 to 1 |
| 30 | `#868abc` | `oklch(64.92% 0.0748 280.96)` | Soft Blue Lavender | black, 6.3 to 1 |
| 31 | `#8b8fc0` | `oklch(66.50% 0.0730 280.72)` | Sweet William | black, 6.7 to 1 |
| 32 | `#8f93c3` | `oklch(67.72% 0.0717 280.57)` | Fast Velvet | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #08123e 0.0%, #0a1340 3.2%, #0c1542 6.5%, #0e1645 9.7%, #101848 12.9%, #131a4b 16.1%, #161c4f 19.4%, #1a1e52 22.6%, #1d2156 25.8%, #21235a 29.0%, #24265e 32.3%, #282962 35.5%, #2b2d66 38.7%, #2f306a 41.9%, #34346e 45.2%, #383873 48.4%, #3d3c77 51.6%, #41417c 54.8%, #464580 58.1%, #4b4a85 61.3%, #504f8a 64.5%, #55548f 67.7%, #5a5a94 71.0%, #61619a 74.2%, #6768a0 77.4%, #6e6fa6 80.6%, #7476ac 83.9%, #7b7db2 87.1%, #8184b7 90.3%, #868abc 93.5%, #8b8fc0 96.8%, #8f93c3 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.87% 0.0841 267.89) 0.0%, oklch(21.40% 0.0849 268.45) 3.2%, oklch(22.06% 0.0861 269.20) 6.5%, oklch(22.82% 0.0876 270.08) 9.7%, oklch(23.67% 0.0892 271.07) 12.9%, oklch(24.61% 0.0909 272.14) 16.1%, oklch(25.63% 0.0926 273.23) 19.4%, oklch(26.72% 0.0942 274.31) 22.6%, oklch(27.87% 0.0957 275.35) 25.8%, oklch(29.06% 0.0968 276.31) 29.0%, oklch(30.29% 0.0977 277.15) 32.3%, oklch(31.56% 0.0981 277.88) 35.5%, oklch(32.90% 0.0984 278.57) 38.7%, oklch(34.31% 0.0985 279.25) 41.9%, oklch(35.78% 0.0984 279.89) 45.2%, oklch(37.31% 0.0982 280.49) 48.4%, oklch(38.89% 0.0978 281.04) 51.6%, oklch(40.52% 0.0972 281.53) 54.8%, oklch(42.19% 0.0965 281.95) 58.1%, oklch(43.91% 0.0956 282.30) 61.3%, oklch(45.66% 0.0945 282.56) 64.5%, oklch(47.46% 0.0932 282.73) 67.7%, oklch(49.46% 0.0916 282.76) 71.0%, oklch(51.65% 0.0895 282.67) 74.2%, oklch(53.97% 0.0871 282.48) 77.4%, oklch(56.33% 0.0846 282.21) 80.6%, oklch(58.68% 0.0820 281.91) 83.9%, oklch(60.94% 0.0794 281.58) 87.1%, oklch(63.04% 0.0770 281.25) 90.3%, oklch(64.92% 0.0748 280.96) 93.5%, oklch(66.50% 0.0730 280.72) 96.8%, oklch(67.72% 0.0717 280.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.084 | 267.9 |
| 2 | 0.307 | 0.098 | 277.4 |
| 3 | 0.469 | 0.094 | 282.7 |
| 4 | 0.677 | 0.072 | 280.6 |

## In these collections

- [Blue gradients](https://grabient.com/blue-gradients)
- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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