# Gray, near-black and dusty blue deep sea

This palette moves from gray through dark blue to blue. It darkens and then lightens across a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Gray, black and blue linear gradient
- Seed: `kSnQ-gGYlBbWOwU`
- Page: https://grabient.com/kSnQ-gGYlBbWOwU?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center, neutral, dark, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.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 | `#79898f` | `oklch(61.81% 0.0207 225.00)` | Academy Grey | black, 5.7 to 1 |
| 2 | `#75858b` | `oklch(60.55% 0.0208 225.36)` | Adirondack Blue | black, 5.4 to 1 |
| 3 | `#718087` | `oklch(58.95% 0.0209 225.78)` | Atlantic Shoreline | black, 5.1 to 1 |
| 4 | `#6b7a81` | `oklch(57.05% 0.0210 226.26)` | Iron Frost | black, 4.7 to 1 |
| 5 | `#65747b` | `oklch(54.89% 0.0211 226.80)` | Wharf View | white, 4.8 to 1 |
| 6 | `#5e6d74` | `oklch(52.51% 0.0212 227.38)` | Midnight Pearl | white, 5.3 to 1 |
| 7 | `#57666d` | `oklch(49.96% 0.0213 228.00)` | Slate Grey | white, 5.9 to 1 |
| 8 | `#505e65` | `oklch(47.27% 0.0214 228.66)` | Lava Rock | white, 6.7 to 1 |
| 9 | `#48565e` | `oklch(44.50% 0.0215 229.35)` | Good Night! | white, 7.5 to 1 |
| 10 | `#404f56` | `oklch(41.68% 0.0217 230.06)` | High Salute | white, 8.5 to 1 |
| 11 | `#39474e` | `oklch(38.86% 0.0218 230.80)` | Midnight Hour | white, 9.6 to 1 |
| 12 | `#324047` | `oklch(36.08% 0.0220 231.55)` | Big Stone | white, 10.7 to 1 |
| 13 | `#2b3940` | `oklch(33.38% 0.0222 232.30)` | Electromagnetic | white, 11.9 to 1 |
| 14 | `#253239` | `oklch(30.81% 0.0225 233.06)` | Nightmare Fuel | white, 13.1 to 1 |
| 15 | `#1f2c33` | `oklch(28.40% 0.0227 233.82)` | Cinder | white, 14.3 to 1 |
| 16 | `#19262e` | `oklch(26.21% 0.0230 234.57)` | Abyssal Anchorfish Blue | white, 15.3 to 1 |
| 17 | `#15222a` | `oklch(24.27% 0.0233 235.30)` | Crow Feather | white, 16.2 to 1 |
| 18 | `#111e26` | `oklch(22.62% 0.0237 236.02)` | Coarse Wool | white, 17 to 1 |
| 19 | `#0e1b23` | `oklch(21.31% 0.0241 236.71)` | Black Stallion | white, 17.5 to 1 |
| 20 | `#0c1921` | `oklch(20.39% 0.0246 237.36)` | Black Stallion | white, 17.9 to 1 |
| 21 | `#0a1720` | `oklch(19.87% 0.0251 238.00)` | Creeping Death | white, 18.1 to 1 |
| 22 | `#0a1720` | `oklch(19.74% 0.0256 238.64)` | Creeping Death | white, 18.1 to 1 |
| 23 | `#0a1821` | `oklch(19.96% 0.0263 239.31)` | Creeping Death | white, 18 to 1 |
| 24 | `#0b1922` | `oklch(20.47% 0.0271 239.98)` | Black Stallion | white, 17.8 to 1 |
| 25 | `#0c1b25` | `oklch(21.26% 0.0279 240.67)` | Black Stallion | white, 17.5 to 1 |
| 26 | `#0f1d27` | `oklch(22.29% 0.0287 241.37)` | Coarse Wool | white, 17.1 to 1 |
| 27 | `#11202b` | `oklch(23.52% 0.0296 242.06)` | The Count’s Black | white, 16.6 to 1 |
| 28 | `#14232f` | `oklch(24.92% 0.0305 242.76)` | Fog of War | white, 15.9 to 1 |
| 29 | `#172733` | `oklch(26.45% 0.0315 243.44)` | Abyssal Anchorfish Blue | white, 15.2 to 1 |
| 30 | `#1b2b38` | `oklch(28.08% 0.0324 244.12)` | Oceanic Noir | white, 14.5 to 1 |
| 31 | `#1f2f3d` | `oklch(29.77% 0.0333 244.78)` | Tangaroa | white, 13.6 to 1 |
| 32 | `#233342` | `oklch(31.49% 0.0343 245.42)` | Blue Whale | white, 12.8 to 1 |
| 33 | `#273847` | `oklch(33.20% 0.0352 246.03)` | In the Navy | white, 12 to 1 |
| 34 | `#2b3c4c` | `oklch(34.88% 0.0361 246.62)` | Blue Fantastic | white, 11.3 to 1 |
| 35 | `#2f4051` | `oklch(36.48% 0.0369 247.17)` | Waterhen Back | white, 10.6 to 1 |
| 36 | `#324456` | `oklch(37.97% 0.0376 247.69)` | Pickled Bluewood | white, 9.9 to 1 |
| 37 | `#35485a` | `oklch(39.31% 0.0384 248.17)` | Dilly Blue | white, 9.4 to 1 |
| 38 | `#384b5d` | `oklch(40.47% 0.0390 248.60)` | Odyssey | white, 8.9 to 1 |
| 39 | `#3b4e60` | `oklch(41.42% 0.0395 248.98)` | Cello | white, 8.6 to 1 |
| 40 | `#3d4f63` | `oklch(42.13% 0.0400 249.31)` | Admiralty | white, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #79898f 0.0%, #75858b 2.6%, #718087 5.1%, #6b7a81 7.7%, #65747b 10.3%, #5e6d74 12.8%, #57666d 15.4%, #505e65 17.9%, #48565e 20.5%, #404f56 23.1%, #39474e 25.6%, #324047 28.2%, #2b3940 30.8%, #253239 33.3%, #1f2c33 35.9%, #19262e 38.5%, #15222a 41.0%, #111e26 43.6%, #0e1b23 46.2%, #0c1921 48.7%, #0a1720 51.3%, #0a1720 53.8%, #0a1821 56.4%, #0b1922 59.0%, #0c1b25 61.5%, #0f1d27 64.1%, #11202b 66.7%, #14232f 69.2%, #172733 71.8%, #1b2b38 74.4%, #1f2f3d 76.9%, #233342 79.5%, #273847 82.1%, #2b3c4c 84.6%, #2f4051 87.2%, #324456 89.7%, #35485a 92.3%, #384b5d 94.9%, #3b4e60 97.4%, #3d4f63 100.0%);
background: linear-gradient(135deg in oklch, oklch(61.81% 0.0207 225.00) 0.0%, oklch(60.55% 0.0208 225.36) 2.6%, oklch(58.95% 0.0209 225.78) 5.1%, oklch(57.05% 0.0210 226.26) 7.7%, oklch(54.89% 0.0211 226.80) 10.3%, oklch(52.51% 0.0212 227.38) 12.8%, oklch(49.96% 0.0213 228.00) 15.4%, oklch(47.27% 0.0214 228.66) 17.9%, oklch(44.50% 0.0215 229.35) 20.5%, oklch(41.68% 0.0217 230.06) 23.1%, oklch(38.86% 0.0218 230.80) 25.6%, oklch(36.08% 0.0220 231.55) 28.2%, oklch(33.38% 0.0222 232.30) 30.8%, oklch(30.81% 0.0225 233.06) 33.3%, oklch(28.40% 0.0227 233.82) 35.9%, oklch(26.21% 0.0230 234.57) 38.5%, oklch(24.27% 0.0233 235.30) 41.0%, oklch(22.62% 0.0237 236.02) 43.6%, oklch(21.31% 0.0241 236.71) 46.2%, oklch(20.39% 0.0246 237.36) 48.7%, oklch(19.87% 0.0251 238.00) 51.3%, oklch(19.74% 0.0256 238.64) 53.8%, oklch(19.96% 0.0263 239.31) 56.4%, oklch(20.47% 0.0271 239.98) 59.0%, oklch(21.26% 0.0279 240.67) 61.5%, oklch(22.29% 0.0287 241.37) 64.1%, oklch(23.52% 0.0296 242.06) 66.7%, oklch(24.92% 0.0305 242.76) 69.2%, oklch(26.45% 0.0315 243.44) 71.8%, oklch(28.08% 0.0324 244.12) 74.4%, oklch(29.77% 0.0333 244.78) 76.9%, oklch(31.49% 0.0343 245.42) 79.5%, oklch(33.20% 0.0352 246.03) 82.1%, oklch(34.88% 0.0361 246.62) 84.6%, oklch(36.48% 0.0369 247.17) 87.2%, oklch(37.97% 0.0376 247.69) 89.7%, oklch(39.31% 0.0384 248.17) 92.3%, oklch(40.47% 0.0390 248.60) 94.9%, oklch(41.42% 0.0395 248.98) 97.4%, oklch(42.13% 0.0400 249.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.021 | 225 |
| 2 | 0.201 | 0.025 | 237.7 |
| 3 | 0.421 | 0.04 | 249.3 |

## In these collections

- [Deep sea gradients](https://grabient.com/deep-sea-gradients)

## Other forms

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