# Monochrome navy to light blue linear gradient

Monochrome navy to light blue linear gradient with 32 colors: #010033, #000138, #00033b, #00073f, #000c44, #011248, #02174e, #041d53, #082359, #0c295f, #102f65, #15346a, #1b3b71, #204177, #26487e, #2d4f85, #33578c, #3a5e93, #41659a, #476da0, #4e74a7, #547bac, #5b82b2, #6289b8, #6990be, #7097c3, #789ec8, #7fa5cd, #85abd2, #8bb1d6, #91b5d9, #95b9dc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUJUy8qSU_cggv1iFz7g`
- Page: https://grabient.com/kUJUy8qSU_cggv1iFz7g?steps=32&angle=160
- Drawn as: linear gradient, 32 steps, 160 degrees
- Kinds: dark to light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.7 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 | `#010033` | `oklch(14.67% 0.1006 265.12)` | Mighty Midnight | white, 20 to 1 |
| 2 | `#000138` | `oklch(15.55% 0.1046 264.84)` | Midnight Blue | white, 19.8 to 1 |
| 3 | `#00033b` | `oklch(16.78% 0.1045 264.54)` | Oblivion | white, 19.4 to 1 |
| 4 | `#00073f` | `oklch(18.22% 0.1044 264.19)` | Stratos | white, 19 to 1 |
| 5 | `#000c44` | `oklch(19.83% 0.1043 263.80)` | Storm | white, 18.4 to 1 |
| 6 | `#011248` | `oklch(21.59% 0.1042 263.37)` | Kantor Blue | white, 17.7 to 1 |
| 7 | `#02174e` | `oklch(23.48% 0.1039 262.91)` | Interstellar Blue | white, 16.9 to 1 |
| 8 | `#041d53` | `oklch(25.45% 0.1037 262.44)` | Subnautical | white, 16 to 1 |
| 9 | `#082359` | `oklch(27.48% 0.1033 261.96)` | Downriver | white, 15 to 1 |
| 10 | `#0c295f` | `oklch(29.54% 0.1028 261.48)` | Blue Leviathan | white, 14 to 1 |
| 11 | `#102f65` | `oklch(31.60% 0.1022 261.01)` | Mythical Night | white, 13 to 1 |
| 12 | `#15346a` | `oklch(33.68% 0.1015 260.55)` | Funnel Cloud | white, 12 to 1 |
| 13 | `#1b3b71` | `oklch(35.88% 0.1007 260.09)` | Ashenvale Nights | white, 11 to 1 |
| 14 | `#204177` | `oklch(38.20% 0.0998 259.64)` | Blue Expanse | white, 10 to 1 |
| 15 | `#26487e` | `oklch(40.61% 0.0988 259.18)` | Florida Waters | white, 9 to 1 |
| 16 | `#2d4f85` | `oklch(43.07% 0.0978 258.71)` | Assassin | white, 8.1 to 1 |
| 17 | `#33578c` | `oklch(45.56% 0.0966 258.23)` | Dark Cobalt Blue | white, 7.3 to 1 |
| 18 | `#3a5e93` | `oklch(48.05% 0.0954 257.72)` | Portuguese Blue | white, 6.5 to 1 |
| 19 | `#41659a` | `oklch(50.51% 0.0940 257.18)` | Too Blue | white, 5.8 to 1 |
| 20 | `#476da0` | `oklch(52.91% 0.0925 256.61)` | San Marino | white, 5.3 to 1 |
| 21 | `#4e74a7` | `oklch(55.22% 0.0908 256.00)` | Song of the Sea | white, 4.8 to 1 |
| 22 | `#547bac` | `oklch(57.42% 0.0889 255.34)` | Endless River | black, 4.7 to 1 |
| 23 | `#5b82b2` | `oklch(59.68% 0.0867 254.57)` | Deepest Periwinkle | black, 5.2 to 1 |
| 24 | `#6289b8` | `oklch(61.99% 0.0841 253.71)` | Faded Blue | black, 5.7 to 1 |
| 25 | `#6990be` | `oklch(64.31% 0.0812 252.78)` | Purple Hyacinth | black, 6.3 to 1 |
| 26 | `#7097c3` | `oklch(66.60% 0.0782 251.81)` | Windstorm | black, 6.9 to 1 |
| 27 | `#789ec8` | `oklch(68.82% 0.0752 250.85)` | Cottage Blue | black, 7.5 to 1 |
| 28 | `#7fa5cd` | `oklch(70.91% 0.0722 249.92)` | Paula Loves Paris | black, 8.1 to 1 |
| 29 | `#85abd2` | `oklch(72.84% 0.0695 249.04)` | Cotton Wool Blue | black, 8.7 to 1 |
| 30 | `#8bb1d6` | `oklch(74.55% 0.0670 248.27)` | Boo Blue | black, 9.3 to 1 |
| 31 | `#91b5d9` | `oklch(76.01% 0.0649 247.61)` | Echo Isles Water | black, 9.8 to 1 |
| 32 | `#95b9dc` | `oklch(77.17% 0.0634 247.11)` | Blues White Shoes | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(160deg, #010033 0.0%, #000138 3.2%, #00033b 6.5%, #00073f 9.7%, #000c44 12.9%, #011248 16.1%, #02174e 19.4%, #041d53 22.6%, #082359 25.8%, #0c295f 29.0%, #102f65 32.3%, #15346a 35.5%, #1b3b71 38.7%, #204177 41.9%, #26487e 45.2%, #2d4f85 48.4%, #33578c 51.6%, #3a5e93 54.8%, #41659a 58.1%, #476da0 61.3%, #4e74a7 64.5%, #547bac 67.7%, #5b82b2 71.0%, #6289b8 74.2%, #6990be 77.4%, #7097c3 80.6%, #789ec8 83.9%, #7fa5cd 87.1%, #85abd2 90.3%, #8bb1d6 93.5%, #91b5d9 96.8%, #95b9dc 100.0%);
background: linear-gradient(160deg in oklch, oklch(14.67% 0.1006 265.12) 0.0%, oklch(15.55% 0.1046 264.84) 3.2%, oklch(16.78% 0.1045 264.54) 6.5%, oklch(18.22% 0.1044 264.19) 9.7%, oklch(19.83% 0.1043 263.80) 12.9%, oklch(21.59% 0.1042 263.37) 16.1%, oklch(23.48% 0.1039 262.91) 19.4%, oklch(25.45% 0.1037 262.44) 22.6%, oklch(27.48% 0.1033 261.96) 25.8%, oklch(29.54% 0.1028 261.48) 29.0%, oklch(31.60% 0.1022 261.01) 32.3%, oklch(33.68% 0.1015 260.55) 35.5%, oklch(35.88% 0.1007 260.09) 38.7%, oklch(38.20% 0.0998 259.64) 41.9%, oklch(40.61% 0.0988 259.18) 45.2%, oklch(43.07% 0.0978 258.71) 48.4%, oklch(45.56% 0.0966 258.23) 51.6%, oklch(48.05% 0.0954 257.72) 54.8%, oklch(50.51% 0.0940 257.18) 58.1%, oklch(52.91% 0.0925 256.61) 61.3%, oklch(55.22% 0.0908 256.00) 64.5%, oklch(57.42% 0.0889 255.34) 67.7%, oklch(59.68% 0.0867 254.57) 71.0%, oklch(61.99% 0.0841 253.71) 74.2%, oklch(64.31% 0.0812 252.78) 77.4%, oklch(66.60% 0.0782 251.81) 80.6%, oklch(68.82% 0.0752 250.85) 83.9%, oklch(70.91% 0.0722 249.92) 87.1%, oklch(72.84% 0.0695 249.04) 90.3%, oklch(74.55% 0.0670 248.27) 93.5%, oklch(76.01% 0.0649 247.61) 96.8%, oklch(77.17% 0.0634 247.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.105 | 265.1 |
| 2 | 0.323 | 0.102 | 260.9 |
| 3 | 0.567 | 0.09 | 255.6 |
| 4 | 0.772 | 0.063 | 247.1 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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