# Ink to harbor blue

Monochrome navy to blue linear gradient with 32 colors: #0a1128, #0a122a, #0a132e, #091332, #091536, #08163b, #061740, #051945, #041a4a, #021c4e, #001e53, #002156, #002359, #00265c, #002860, #002b64, #002e67, #01316b, #03356e, #033972, #033d75, #034279, #01477e, #004e82, #005587, #005d8c, #006491, #006c95, #01739a, #07799d, #0d7ea0, #1282a2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome navy to blue linear gradient
- Seed: `kEQoRKEAH1QQNAeBEoKiA`
- Page: https://grabient.com/kEQoRKEAH1QQNAeBEoKiA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#0a1128` | `oklch(18.57% 0.0480 268.67)` | Corbeau | white, 18.6 to 1 |
| 2 | `#0a122a` | `oklch(18.96% 0.0514 268.15)` | Squid’s Ink | white, 18.5 to 1 |
| 3 | `#0a132e` | `oklch(19.45% 0.0560 267.47)` | Squid’s Ink | white, 18.3 to 1 |
| 4 | `#091332` | `oklch(20.01% 0.0615 266.67)` | Squid’s Ink | white, 18.2 to 1 |
| 5 | `#091536` | `oklch(20.64% 0.0677 265.77)` | Liberty Blue | white, 17.9 to 1 |
| 6 | `#08163b` | `oklch(21.34% 0.0742 264.79)` | Navy | white, 17.7 to 1 |
| 7 | `#061740` | `oklch(22.09% 0.0808 263.79)` | Navy | white, 17.4 to 1 |
| 8 | `#051945` | `oklch(22.89% 0.0872 262.77)` | Maastricht Blue | white, 17.1 to 1 |
| 9 | `#041a4a` | `oklch(23.72% 0.0931 261.78)` | Oxford Blue | white, 16.7 to 1 |
| 10 | `#021c4e` | `oklch(24.59% 0.0983 260.84)` | Subnautical | white, 16.3 to 1 |
| 11 | `#001e53` | `oklch(25.47% 0.1024 259.97)` | Subnautical | white, 15.9 to 1 |
| 12 | `#002156` | `oklch(26.38% 0.1042 259.39)` | Clarinet | white, 15.5 to 1 |
| 13 | `#002359` | `oklch(27.28% 0.1050 258.84)` | Clarinet | white, 15.1 to 1 |
| 14 | `#00265c` | `oklch(28.20% 0.1064 258.43)` | Black Sea Night | white, 14.6 to 1 |
| 15 | `#002860` | `oklch(29.16% 0.1084 258.09)` | Blue Leviathan | white, 14.2 to 1 |
| 16 | `#002b64` | `oklch(30.15% 0.1104 257.75)` | Blue Leviathan | white, 13.7 to 1 |
| 17 | `#002e67` | `oklch(31.19% 0.1113 257.26)` | Deep Sea Dream | white, 13.2 to 1 |
| 18 | `#01316b` | `oklch(32.29% 0.1113 256.75)` | Neptune’s Dream | white, 12.6 to 1 |
| 19 | `#03356e` | `oklch(33.47% 0.1112 256.04)` | Atlantic Navy | white, 12.1 to 1 |
| 20 | `#033972` | `oklch(34.74% 0.1110 255.09)` | Azure Dragon | white, 11.5 to 1 |
| 21 | `#033d75` | `oklch(36.10% 0.1109 253.81)` | Tardis Blue | white, 10.8 to 1 |
| 22 | `#034279` | `oklch(37.58% 0.1107 252.13)` | Twilight Blue | white, 10.2 to 1 |
| 23 | `#01477e` | `oklch(39.32% 0.1104 249.89)` | Lost River | white, 9.4 to 1 |
| 24 | `#004e82` | `oklch(41.29% 0.1091 247.19)` | Cook’s Bay | white, 8.6 to 1 |
| 25 | `#005587` | `oklch(43.41% 0.1073 244.09)` | Dark Denim | white, 7.9 to 1 |
| 26 | `#005d8c` | `oklch(45.62% 0.1059 240.77)` | Mamala Bay | white, 7.1 to 1 |
| 27 | `#006491` | `oklch(47.84% 0.1051 237.37)` | Kingfisher Blue | white, 6.4 to 1 |
| 28 | `#006c95` | `oklch(50.00% 0.1047 234.02)` | Cairns | white, 5.8 to 1 |
| 29 | `#01739a` | `oklch(52.01% 0.1044 230.85)` | Tofino Belue | white, 5.3 to 1 |
| 30 | `#07799d` | `oklch(53.81% 0.1034 228.03)` | Sea Sight | white, 4.9 to 1 |
| 31 | `#0d7ea0` | `oklch(55.32% 0.1026 225.68)` | Turkish Tile | white, 4.6 to 1 |
| 32 | `#1282a2` | `oklch(56.47% 0.1021 223.94)` | Ahoy! Blue | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0a1128 0.0%, #0a122a 3.2%, #0a132e 6.5%, #091332 9.7%, #091536 12.9%, #08163b 16.1%, #061740 19.4%, #051945 22.6%, #041a4a 25.8%, #021c4e 29.0%, #001e53 32.3%, #002156 35.5%, #002359 38.7%, #00265c 41.9%, #002860 45.2%, #002b64 48.4%, #002e67 51.6%, #01316b 54.8%, #03356e 58.1%, #033972 61.3%, #033d75 64.5%, #034279 67.7%, #01477e 71.0%, #004e82 74.2%, #005587 77.4%, #005d8c 80.6%, #006491 83.9%, #006c95 87.1%, #01739a 90.3%, #07799d 93.5%, #0d7ea0 96.8%, #1282a2 100.0%);
background: linear-gradient(135deg in oklch, oklch(18.57% 0.0480 268.67) 0.0%, oklch(18.96% 0.0514 268.15) 3.2%, oklch(19.45% 0.0560 267.47) 6.5%, oklch(20.01% 0.0615 266.67) 9.7%, oklch(20.64% 0.0677 265.77) 12.9%, oklch(21.34% 0.0742 264.79) 16.1%, oklch(22.09% 0.0808 263.79) 19.4%, oklch(22.89% 0.0872 262.77) 22.6%, oklch(23.72% 0.0931 261.78) 25.8%, oklch(24.59% 0.0983 260.84) 29.0%, oklch(25.47% 0.1024 259.97) 32.3%, oklch(26.38% 0.1042 259.39) 35.5%, oklch(27.28% 0.1050 258.84) 38.7%, oklch(28.20% 0.1064 258.43) 41.9%, oklch(29.16% 0.1084 258.09) 45.2%, oklch(30.15% 0.1104 257.75) 48.4%, oklch(31.19% 0.1113 257.26) 51.6%, oklch(32.29% 0.1113 256.75) 54.8%, oklch(33.47% 0.1112 256.04) 58.1%, oklch(34.74% 0.1110 255.09) 61.3%, oklch(36.10% 0.1109 253.81) 64.5%, oklch(37.58% 0.1107 252.13) 67.7%, oklch(39.32% 0.1104 249.89) 71.0%, oklch(41.29% 0.1091 247.19) 74.2%, oklch(43.41% 0.1073 244.09) 77.4%, oklch(45.62% 0.1059 240.77) 80.6%, oklch(47.84% 0.1051 237.37) 83.9%, oklch(50.00% 0.1047 234.02) 87.1%, oklch(52.01% 0.1044 230.85) 90.3%, oklch(53.81% 0.1034 228.03) 93.5%, oklch(55.32% 0.1026 225.68) 96.8%, oklch(56.47% 0.1021 223.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.186 | 0.048 | 268.7 |
| 2 | 0.258 | 0.104 | 259.7 |
| 3 | 0.371 | 0.111 | 252.7 |
| 4 | 0.565 | 0.102 | 223.9 |

## In these collections

- [Dark blue gradients](https://grabient.com/dark-blue-gradients)

## Other forms

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