# Slate navy quiet field

Monochrome blue to navy linear gradient with 40 colors: #0f475b, #104459, #114056, #123b53, #12364e, #13304a, #132b45, #132640, #12213b, #111e37, #101b34, #0f1831, #0d162e, #0a142b, #081228, #061126, #051025, #041024, #041124, #041225, #061427, #09182b, #0f1e31, #162538, #1d2d40, #253448, #2c3c50, #324257, #37475b, #39495e, #39495e, #36465c, #314157, #2a3b51, #23334b, #1c2c44, #15253d, #0f1f37, #0b1a32, #07162f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome blue to navy linear gradient
- Seed: `kWXy-hnRLEZeQPszDz_mhPAY`
- Page: https://grabient.com/kWXy-hnRLEZeQPszDz_mhPAY?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#0f475b` | `oklch(37.40% 0.0648 227.11)` | Sultan’s Silk | white, 10 to 1 |
| 2 | `#104459` | `oklch(36.46% 0.0639 229.66)` | Sultan’s Silk | white, 10.5 to 1 |
| 3 | `#114056` | `oklch(35.19% 0.0627 233.24)` | Capital Blue | white, 11 to 1 |
| 4 | `#123b53` | `oklch(33.66% 0.0613 237.57)` | Gibraltar Sea | white, 11.8 to 1 |
| 5 | `#12364e` | `oklch(31.96% 0.0598 242.36)` | Sea of Stars | white, 12.6 to 1 |
| 6 | `#13304a` | `oklch(30.16% 0.0581 247.35)` | Crow Black Blue | white, 13.5 to 1 |
| 7 | `#132b45` | `oklch(28.35% 0.0564 252.25)` | Eternal Darkness | white, 14.4 to 1 |
| 8 | `#132640` | `oklch(26.62% 0.0548 256.79)` | Cool Balaclavas Are Forever | white, 15.2 to 1 |
| 9 | `#12213b` | `oklch(25.02% 0.0532 260.69)` | Cool Balaclavas Are Forever | white, 16 to 1 |
| 10 | `#111e37` | `oklch(23.66% 0.0519 263.68)` | Sombre Night | white, 16.6 to 1 |
| 11 | `#101b34` | `oklch(22.59% 0.0507 265.48)` | Trapped Darkness | white, 17.1 to 1 |
| 12 | `#0f1831` | `oklch(21.59% 0.0497 266.18)` | Liberty Blue | white, 17.5 to 1 |
| 13 | `#0d162e` | `oklch(20.60% 0.0488 266.01)` | Liberty Blue | white, 17.9 to 1 |
| 14 | `#0a142b` | `oklch(19.67% 0.0480 265.15)` | Liberty Blue | white, 18.2 to 1 |
| 15 | `#081228` | `oklch(18.84% 0.0473 263.80)` | Squid’s Ink | white, 18.5 to 1 |
| 16 | `#061126` | `oklch(18.18% 0.0466 262.12)` | Void | white, 18.7 to 1 |
| 17 | `#051025` | `oklch(17.72% 0.0460 260.32)` | Void | white, 18.9 to 1 |
| 18 | `#041024` | `oklch(17.52% 0.0454 258.57)` | Kuretake Black Manga | white, 18.9 to 1 |
| 19 | `#041124` | `oklch(17.64% 0.0449 257.06)` | Kuretake Black Manga | white, 18.9 to 1 |
| 20 | `#041225` | `oklch(18.11% 0.0443 255.97)` | Kuretake Black Manga | white, 18.7 to 1 |
| 21 | `#061427` | `oklch(19.07% 0.0438 255.42)` | Creeping Death | white, 18.4 to 1 |
| 22 | `#09182b` | `oklch(20.82% 0.0433 255.08)` | Oxford by Night | white, 17.7 to 1 |
| 23 | `#0f1e31` | `oklch(23.22% 0.0427 254.86)` | Trapped Darkness | white, 16.7 to 1 |
| 24 | `#162538` | `oklch(26.07% 0.0422 254.77)` | Kon | white, 15.5 to 1 |
| 25 | `#1d2d40` | `oklch(29.13% 0.0417 254.76)` | Tangaroa | white, 14 to 1 |
| 26 | `#253448` | `oklch(32.19% 0.0413 254.84)` | Aeronautic | white, 12.5 to 1 |
| 27 | `#2c3c50` | `oklch(35.04% 0.0410 254.98)` | Blue Fantastic | white, 11.2 to 1 |
| 28 | `#324257` | `oklch(37.45% 0.0409 255.16)` | Passionate Blueberry | white, 10.2 to 1 |
| 29 | `#37475b` | `oklch(39.21% 0.0409 255.37)` | Compass Blue | white, 9.5 to 1 |
| 30 | `#39495e` | `oklch(40.10% 0.0412 255.59)` | Evening Glory | white, 9.1 to 1 |
| 31 | `#39495e` | `oklch(39.94% 0.0418 255.84)` | Evening Glory | white, 9.2 to 1 |
| 32 | `#36465c` | `oklch(38.86% 0.0428 256.20)` | Spelunking | white, 9.6 to 1 |
| 33 | `#314157` | `oklch(37.05% 0.0441 256.65)` | Pi | white, 10.4 to 1 |
| 34 | `#2a3b51` | `oklch(34.70% 0.0456 257.15)` | Madison | white, 11.4 to 1 |
| 35 | `#23334b` | `oklch(32.02% 0.0472 257.69)` | Blue Lobelia | white, 12.6 to 1 |
| 36 | `#1c2c44` | `oklch(29.20% 0.0488 258.23)` | Eternal Darkness | white, 14 to 1 |
| 37 | `#15253d` | `oklch(26.43% 0.0503 258.74)` | Cool Balaclavas Are Forever | white, 15.3 to 1 |
| 38 | `#0f1f37` | `oklch(23.93% 0.0517 259.20)` | Sombre Night | white, 16.5 to 1 |
| 39 | `#0b1a32` | `oklch(21.87% 0.0529 259.59)` | Trapped Darkness | white, 17.4 to 1 |
| 40 | `#07162f` | `oklch(20.47% 0.0537 259.87)` | Liberty Blue | white, 17.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0f475b 0.0%, #104459 2.6%, #114056 5.1%, #123b53 7.7%, #12364e 10.3%, #13304a 12.8%, #132b45 15.4%, #132640 17.9%, #12213b 20.5%, #111e37 23.1%, #101b34 25.6%, #0f1831 28.2%, #0d162e 30.8%, #0a142b 33.3%, #081228 35.9%, #061126 38.5%, #051025 41.0%, #041024 43.6%, #041124 46.2%, #041225 48.7%, #061427 51.3%, #09182b 53.8%, #0f1e31 56.4%, #162538 59.0%, #1d2d40 61.5%, #253448 64.1%, #2c3c50 66.7%, #324257 69.2%, #37475b 71.8%, #39495e 74.4%, #39495e 76.9%, #36465c 79.5%, #314157 82.1%, #2a3b51 84.6%, #23334b 87.2%, #1c2c44 89.7%, #15253d 92.3%, #0f1f37 94.9%, #0b1a32 97.4%, #07162f 100.0%);
background: linear-gradient(45deg in oklch, oklch(37.40% 0.0648 227.11) 0.0%, oklch(36.46% 0.0639 229.66) 2.6%, oklch(35.19% 0.0627 233.24) 5.1%, oklch(33.66% 0.0613 237.57) 7.7%, oklch(31.96% 0.0598 242.36) 10.3%, oklch(30.16% 0.0581 247.35) 12.8%, oklch(28.35% 0.0564 252.25) 15.4%, oklch(26.62% 0.0548 256.79) 17.9%, oklch(25.02% 0.0532 260.69) 20.5%, oklch(23.66% 0.0519 263.68) 23.1%, oklch(22.59% 0.0507 265.48) 25.6%, oklch(21.59% 0.0497 266.18) 28.2%, oklch(20.60% 0.0488 266.01) 30.8%, oklch(19.67% 0.0480 265.15) 33.3%, oklch(18.84% 0.0473 263.80) 35.9%, oklch(18.18% 0.0466 262.12) 38.5%, oklch(17.72% 0.0460 260.32) 41.0%, oklch(17.52% 0.0454 258.57) 43.6%, oklch(17.64% 0.0449 257.06) 46.2%, oklch(18.11% 0.0443 255.97) 48.7%, oklch(19.07% 0.0438 255.42) 51.3%, oklch(20.82% 0.0433 255.08) 53.8%, oklch(23.22% 0.0427 254.86) 56.4%, oklch(26.07% 0.0422 254.77) 59.0%, oklch(29.13% 0.0417 254.76) 61.5%, oklch(32.19% 0.0413 254.84) 64.1%, oklch(35.04% 0.0410 254.98) 66.7%, oklch(37.45% 0.0409 255.16) 69.2%, oklch(39.21% 0.0409 255.37) 71.8%, oklch(40.10% 0.0412 255.59) 74.4%, oklch(39.94% 0.0418 255.84) 76.9%, oklch(38.86% 0.0428 256.20) 79.5%, oklch(37.05% 0.0441 256.65) 82.1%, oklch(34.70% 0.0456 257.15) 84.6%, oklch(32.02% 0.0472 257.69) 87.2%, oklch(29.20% 0.0488 258.23) 89.7%, oklch(26.43% 0.0503 258.74) 92.3%, oklch(23.93% 0.0517 259.20) 94.9%, oklch(21.87% 0.0529 259.59) 97.4%, oklch(20.47% 0.0537 259.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.065 | 227.1 |
| 2 | 0.228 | 0.051 | 265.2 |
| 3 | 0.185 | 0.044 | 255.6 |
| 4 | 0.402 | 0.041 | 255.6 |
| 5 | 0.205 | 0.054 | 259.9 |

## In these collections

- [Cool blue](https://grabient.com/cool-blue)

## Other forms

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