# Ink blue paper gradient

The Ink blue paper gradient brings together dark gray, blue, and off-white. The colors span a very broad lightness range, combining restrained color with high contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Black, navy and gray linear gradient
- Seed: `kUMQnAp42_NaMwR6hLBA`
- Page: https://grabient.com/kUMQnAp42_NaMwR6hLBA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, neutral, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 16.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 | `#12141a` | `oklch(19.29% 0.0124 270.70)` | Black Is Back | white, 18.3 to 1 |
| 2 | `#13151c` | `oklch(19.86% 0.0139 270.27)` | Kuroi Black | white, 18.1 to 1 |
| 3 | `#14171f` | `oklch(20.45% 0.0161 269.64)` | Eigengrau | white, 17.9 to 1 |
| 4 | `#151821` | `oklch(21.10% 0.0186 268.85)` | River Styx | white, 17.6 to 1 |
| 5 | `#161a24` | `oklch(21.85% 0.0215 267.98)` | Coarse Wool | white, 17.3 to 1 |
| 6 | `#171c28` | `oklch(22.72% 0.0245 267.09)` | Coarse Wool | white, 17 to 1 |
| 7 | `#191e2c` | `oklch(23.77% 0.0275 266.22)` | Hēi Sè Black | white, 16.5 to 1 |
| 8 | `#1b2130` | `oklch(25.01% 0.0304 265.46)` | Black Howl | white, 16 to 1 |
| 9 | `#1d2535` | `oklch(26.50% 0.0330 264.85)` | Moonless Mystery | white, 15.3 to 1 |
| 10 | `#21293b` | `oklch(28.26% 0.0352 264.45)` | Midnight Express | white, 14.4 to 1 |
| 11 | `#252e41` | `oklch(30.33% 0.0368 264.33)` | Navy Blazer | white, 13.5 to 1 |
| 12 | `#2b3549` | `oklch(32.80% 0.0378 264.80)` | Aeronautic | white, 12.3 to 1 |
| 13 | `#333c51` | `oklch(35.74% 0.0385 266.54)` | Old Mill | white, 11 to 1 |
| 14 | `#3d455b` | `oklch(39.08% 0.0389 269.19)` | Bella Sera | white, 9.6 to 1 |
| 15 | `#474e65` | `oklch(42.73% 0.0390 272.32)` | Crown Blue | white, 8.2 to 1 |
| 16 | `#535870` | `oklch(46.59% 0.0389 275.50)` | Nightshade Purple | white, 6.9 to 1 |
| 17 | `#5f637b` | `oklch(50.58% 0.0385 278.31)` | Presumption | white, 5.8 to 1 |
| 18 | `#6c6e87` | `oklch(54.59% 0.0380 280.31)` | Great Grape | white, 4.9 to 1 |
| 19 | `#787a92` | `oklch(58.55% 0.0372 281.09)` | Smokey Denim | black, 4.9 to 1 |
| 20 | `#83859d` | `oklch(62.36% 0.0363 280.20)` | Top Shelf | black, 5.8 to 1 |
| 21 | `#8c90a8` | `oklch(65.92% 0.0352 277.23)` | Sephiroth Grey | black, 6.6 to 1 |
| 22 | `#949bb2` | `oklch(69.17% 0.0340 271.68)` | Bay Fog | black, 7.5 to 1 |
| 23 | `#9ba6bb` | `oklch(72.40% 0.0324 262.80)` | Zen Blue | black, 8.5 to 1 |
| 24 | `#a2b2c3` | `oklch(75.66% 0.0303 251.02)` | Blue Pot | black, 9.6 to 1 |
| 25 | `#aabdca` | `oklch(78.89% 0.0280 237.09)` | Glacier Mist | black, 10.8 to 1 |
| 26 | `#b3c8d0` | `oklch(82.06% 0.0254 221.75)` | Silver Dusk | black, 12.1 to 1 |
| 27 | `#bed3d5` | `oklch(85.09% 0.0228 205.74)` | Scandinavian Sky | black, 13.4 to 1 |
| 28 | `#c9dcda` | `oklch(87.94% 0.0202 189.81)` | Snow in June | black, 14.7 to 1 |
| 29 | `#d4e4df` | `oklch(90.56% 0.0178 174.71)` | Morning Breeze | black, 15.9 to 1 |
| 30 | `#dfebe4` | `oklch(92.89% 0.0156 161.17)` | Country Mist | black, 17.1 to 1 |
| 31 | `#e8f1e9` | `oklch(94.87% 0.0137 149.95)` | Dew | black, 18.1 to 1 |
| 32 | `#eff6ee` | `oklch(96.46% 0.0124 141.78)` | Frosted Juniper | black, 19 to 1 |

## CSS

```css
background: linear-gradient(90deg, #12141a 0.0%, #13151c 3.2%, #14171f 6.5%, #151821 9.7%, #161a24 12.9%, #171c28 16.1%, #191e2c 19.4%, #1b2130 22.6%, #1d2535 25.8%, #21293b 29.0%, #252e41 32.3%, #2b3549 35.5%, #333c51 38.7%, #3d455b 41.9%, #474e65 45.2%, #535870 48.4%, #5f637b 51.6%, #6c6e87 54.8%, #787a92 58.1%, #83859d 61.3%, #8c90a8 64.5%, #949bb2 67.7%, #9ba6bb 71.0%, #a2b2c3 74.2%, #aabdca 77.4%, #b3c8d0 80.6%, #bed3d5 83.9%, #c9dcda 87.1%, #d4e4df 90.3%, #dfebe4 93.5%, #e8f1e9 96.8%, #eff6ee 100.0%);
background: linear-gradient(90deg in oklch, oklch(19.29% 0.0124 270.70) 0.0%, oklch(19.86% 0.0139 270.27) 3.2%, oklch(20.45% 0.0161 269.64) 6.5%, oklch(21.10% 0.0186 268.85) 9.7%, oklch(21.85% 0.0215 267.98) 12.9%, oklch(22.72% 0.0245 267.09) 16.1%, oklch(23.77% 0.0275 266.22) 19.4%, oklch(25.01% 0.0304 265.46) 22.6%, oklch(26.50% 0.0330 264.85) 25.8%, oklch(28.26% 0.0352 264.45) 29.0%, oklch(30.33% 0.0368 264.33) 32.3%, oklch(32.80% 0.0378 264.80) 35.5%, oklch(35.74% 0.0385 266.54) 38.7%, oklch(39.08% 0.0389 269.19) 41.9%, oklch(42.73% 0.0390 272.32) 45.2%, oklch(46.59% 0.0389 275.50) 48.4%, oklch(50.58% 0.0385 278.31) 51.6%, oklch(54.59% 0.0380 280.31) 54.8%, oklch(58.55% 0.0372 281.09) 58.1%, oklch(62.36% 0.0363 280.20) 61.3%, oklch(65.92% 0.0352 277.23) 64.5%, oklch(69.17% 0.0340 271.68) 67.7%, oklch(72.40% 0.0324 262.80) 71.0%, oklch(75.66% 0.0303 251.02) 74.2%, oklch(78.89% 0.0280 237.09) 77.4%, oklch(82.06% 0.0254 221.75) 80.6%, oklch(85.09% 0.0228 205.74) 83.9%, oklch(87.94% 0.0202 189.81) 87.1%, oklch(90.56% 0.0178 174.71) 90.3%, oklch(92.89% 0.0156 161.17) 93.5%, oklch(94.87% 0.0137 149.95) 96.8%, oklch(96.46% 0.0124 141.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.012 | 270.7 |
| 2 | 0.311 | 0.037 | 264.4 |
| 3 | 0.681 | 0.034 | 273.9 |
| 4 | 0.965 | 0.012 | 141.8 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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