# Monochrome black and navy linear swatches

Monochrome black and navy linear swatches with 34 colors: #000000, #000000, #000000, #000000, #000000, #000000, #000000, #000000, #000000, #000000, #000002, #00000a, #000018, #000027, #000037, #00063e, #000a49, #000d51, #000f57, #00115d, #001362, #001465, #001568, #001569, #00156a, #00156a, #001568, #001465, #001261, #00105b, #000f56, #000d51, #000c4d, #000b4b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWAAC9AQI_pq0P-hwj_mjO_4`
- Page: https://grabient.com/kWAAC9AQI_pq0P-hwj_mjO_4?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: vivid, dark, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.3 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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 3 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 4 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 5 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 6 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 7 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 8 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 9 | `#000000` | `oklch(0.49% 0.0034 264.05)` | Black | white, 20.9 to 1 |
| 10 | `#000000` | `oklch(1.95% 0.0134 264.08)` | Black | white, 20.9 to 1 |
| 11 | `#000002` | `oklch(4.05% 0.0277 264.09)` | Binary Black | white, 20.9 to 1 |
| 12 | `#00000a` | `oklch(6.61% 0.0452 264.10)` | Benthic Black | white, 20.9 to 1 |
| 13 | `#000018` | `oklch(9.46% 0.0646 264.10)` | Benthic Black | white, 20.7 to 1 |
| 14 | `#000027` | `oklch(12.40% 0.0847 264.10)` | Hadopelagic Water | white, 20.3 to 1 |
| 15 | `#000037` | `oklch(15.27% 0.1043 264.10)` | Midnight Blue | white, 19.8 to 1 |
| 16 | `#00063e` | `oklch(17.87% 0.1039 264.01)` | Stratos | white, 19.1 to 1 |
| 17 | `#000a49` | `oklch(20.03% 0.1144 263.93)` | Storm | white, 18.4 to 1 |
| 18 | `#000d51` | `oklch(21.63% 0.1223 263.88)` | Interstellar Blue | white, 17.8 to 1 |
| 19 | `#000f57` | `oklch(22.93% 0.1289 263.85)` | Interstellar Blue | white, 17.3 to 1 |
| 20 | `#00115d` | `oklch(23.99% 0.1343 263.82)` | Interstellar Blue | white, 16.9 to 1 |
| 21 | `#001362` | `oklch(24.84% 0.1387 263.81)` | Atlantic Depths | white, 16.5 to 1 |
| 22 | `#001465` | `oklch(25.48% 0.1420 263.80)` | Atlantic Depths | white, 16.3 to 1 |
| 23 | `#001568` | `oklch(25.94% 0.1444 263.79)` | Atlantic Depths | white, 16.1 to 1 |
| 24 | `#001569` | `oklch(26.23% 0.1459 263.79)` | Atlantic Depths | white, 15.9 to 1 |
| 25 | `#00156a` | `oklch(26.37% 0.1467 263.79)` | Atlantic Depths | white, 15.9 to 1 |
| 26 | `#00156a` | `oklch(26.37% 0.1467 263.79)` | Atlantic Depths | white, 15.9 to 1 |
| 27 | `#001568` | `oklch(26.06% 0.1450 263.79)` | Atlantic Depths | white, 16 to 1 |
| 28 | `#001465` | `oklch(25.45% 0.1418 263.80)` | Atlantic Depths | white, 16.3 to 1 |
| 29 | `#001261` | `oklch(24.61% 0.1375 263.81)` | Atlantic Depths | white, 16.6 to 1 |
| 30 | `#00105b` | `oklch(23.66% 0.1326 263.83)` | Interstellar Blue | white, 17 to 1 |
| 31 | `#000f56` | `oklch(22.68% 0.1276 263.85)` | Interstellar Blue | white, 17.4 to 1 |
| 32 | `#000d51` | `oklch(21.77% 0.1230 263.88)` | Interstellar Blue | white, 17.8 to 1 |
| 33 | `#000c4d` | `oklch(21.01% 0.1192 263.90)` | Kantor Blue | white, 18.1 to 1 |
| 34 | `#000b4b` | `oklch(20.49% 0.1167 263.92)` | Storm | white, 18.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #000000 0.000% 2.941%, #000000 2.941% 5.882%, #000000 5.882% 8.824%, #000000 8.824% 11.765%, #000000 11.765% 14.706%, #000000 14.706% 17.647%, #000000 17.647% 20.588%, #000000 20.588% 23.529%, #000000 23.529% 26.471%, #000000 26.471% 29.412%, #000002 29.412% 32.353%, #00000a 32.353% 35.294%, #000018 35.294% 38.235%, #000027 38.235% 41.176%, #000037 41.176% 44.118%, #00063e 44.118% 47.059%, #000a49 47.059% 50.000%, #000d51 50.000% 52.941%, #000f57 52.941% 55.882%, #00115d 55.882% 58.824%, #001362 58.824% 61.765%, #001465 61.765% 64.706%, #001568 64.706% 67.647%, #001569 67.647% 70.588%, #00156a 70.588% 73.529%, #00156a 73.529% 76.471%, #001568 76.471% 79.412%, #001465 79.412% 82.353%, #001261 82.353% 85.294%, #00105b 85.294% 88.235%, #000f56 88.235% 91.176%, #000d51 91.176% 94.118%, #000c4d 94.118% 97.059%, #000b4b 97.059% 100.000%);
background: linear-gradient(90deg, oklch(0.00% 0.0000 0.00) 0.000% 2.941%, oklch(0.00% 0.0000 0.00) 2.941% 5.882%, oklch(0.00% 0.0000 0.00) 5.882% 8.824%, oklch(0.00% 0.0000 0.00) 8.824% 11.765%, oklch(0.00% 0.0000 0.00) 11.765% 14.706%, oklch(0.00% 0.0000 0.00) 14.706% 17.647%, oklch(0.00% 0.0000 0.00) 17.647% 20.588%, oklch(0.00% 0.0000 0.00) 20.588% 23.529%, oklch(0.49% 0.0034 264.05) 23.529% 26.471%, oklch(1.95% 0.0134 264.08) 26.471% 29.412%, oklch(4.05% 0.0277 264.09) 29.412% 32.353%, oklch(6.61% 0.0452 264.10) 32.353% 35.294%, oklch(9.46% 0.0646 264.10) 35.294% 38.235%, oklch(12.40% 0.0847 264.10) 38.235% 41.176%, oklch(15.27% 0.1043 264.10) 41.176% 44.118%, oklch(17.87% 0.1039 264.01) 44.118% 47.059%, oklch(20.03% 0.1144 263.93) 47.059% 50.000%, oklch(21.63% 0.1223 263.88) 50.000% 52.941%, oklch(22.93% 0.1289 263.85) 52.941% 55.882%, oklch(23.99% 0.1343 263.82) 55.882% 58.824%, oklch(24.84% 0.1387 263.81) 58.824% 61.765%, oklch(25.48% 0.1420 263.80) 61.765% 64.706%, oklch(25.94% 0.1444 263.79) 64.706% 67.647%, oklch(26.23% 0.1459 263.79) 67.647% 70.588%, oklch(26.37% 0.1467 263.79) 70.588% 73.529%, oklch(26.37% 0.1467 263.79) 73.529% 76.471%, oklch(26.06% 0.1450 263.79) 76.471% 79.412%, oklch(25.45% 0.1418 263.80) 79.412% 82.353%, oklch(24.61% 0.1375 263.81) 82.353% 85.294%, oklch(23.66% 0.1326 263.83) 85.294% 88.235%, oklch(22.68% 0.1276 263.85) 88.235% 91.176%, oklch(21.77% 0.1230 263.88) 91.176% 94.118%, oklch(21.01% 0.1192 263.90) 94.118% 97.059%, oklch(20.49% 0.1167 263.92) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 265.8 |
| 2 | 0.008 | 0.006 | 263.7 |
| 3 | 0.209 | 0.143 | 263.7 |
| 4 | 0.264 | 0.182 | 263.7 |
| 5 | 0.205 | 0.142 | 263.7 |

## Other forms

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