# Near-black and blue metallic palette

The Near-black and blue metallic palette brings together dark gray, blue, and light gray. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light gray.

- Also called: Black, navy and gray linear gradient
- Seed: `kYLQO8JwbBTsRQJsgj_xBVAioOwA`
- Page: https://grabient.com/kYLQO8JwbBTsRQJsgj_xBVAioOwA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, neutral, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12 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 | `#101113` | `oklch(17.72% 0.0041 264.37)` | Dreamless Sleep | white, 18.8 to 1 |
| 2 | `#131416` | `oklch(19.04% 0.0054 265.66)` | Sooty | white, 18.4 to 1 |
| 3 | `#16181b` | `oklch(20.85% 0.0070 267.49)` | Aswad Black | white, 17.7 to 1 |
| 4 | `#1b1d21` | `oklch(23.00% 0.0090 269.63)` | Satin Deep Black | white, 16.8 to 1 |
| 5 | `#202228` | `oklch(25.37% 0.0113 271.87)` | Noble Black | white, 15.8 to 1 |
| 6 | `#262830` | `oklch(27.82% 0.0141 273.97)` | Black Grey | white, 14.6 to 1 |
| 7 | `#2c2e37` | `oklch(30.24% 0.0172 275.71)` | Deep Space Echo | white, 13.5 to 1 |
| 8 | `#31333f` | `oklch(32.44% 0.0214 277.03)` | Parisian Night | white, 12.5 to 1 |
| 9 | `#353847` | `oklch(34.38% 0.0273 278.15)` | Biro Blue | white, 11.6 to 1 |
| 10 | `#3a3c50` | `oklch(36.33% 0.0339 279.11)` | Carbon Blue | white, 10.7 to 1 |
| 11 | `#3f4259` | `oklch(38.55% 0.0401 279.91)` | Amphystine | white, 9.8 to 1 |
| 12 | `#464963` | `oklch(41.27% 0.0448 280.57)` | Darkshore | white, 8.8 to 1 |
| 13 | `#50526f` | `oklch(44.78% 0.0469 281.10)` | Intergalactic | white, 7.5 to 1 |
| 14 | `#5d5f7c` | `oklch(49.61% 0.0452 281.47)` | Strong Iris | white, 6.1 to 1 |
| 15 | `#72748d` | `oklch(56.62% 0.0389 281.53)` | Stormy Mauve | black, 4.5 to 1 |
| 16 | `#8b8da1` | `oklch(64.78% 0.0297 281.39)` | Violet Verbena | black, 6.4 to 1 |
| 17 | `#a5a6b4` | `oklch(72.91% 0.0198 281.18)` | Curated Lilac | black, 8.7 to 1 |
| 18 | `#bcbcc4` | `oklch(79.83% 0.0113 281.04)` | Silver Fox | black, 11.1 to 1 |
| 19 | `#cbcbd0` | `oklch(84.36% 0.0061 281.10)` | Humid Cave | black, 12.9 to 1 |
| 20 | `#ceced3` | `oklch(85.35% 0.0064 281.48)` | Dirty Snow | black, 13.4 to 1 |
| 21 | `#c5c6cf` | `oklch(82.80% 0.0124 282.20)` | Flat Aluminium | black, 12.3 to 1 |
| 22 | `#b4b5c5` | `oklch(77.72% 0.0222 283.14)` | Soul Sister | black, 10.3 to 1 |
| 23 | `#9fa0b7` | `oklch(71.13% 0.0338 284.17)` | Royal Mile | black, 8.1 to 1 |
| 24 | `#8989a7` | `oklch(64.09% 0.0450 285.18)` | Mandrake | black, 6.2 to 1 |
| 25 | `#767598` | `oklch(57.61% 0.0539 286.05)` | Kimono Violet | black, 4.7 to 1 |
| 26 | `#68668b` | `oklch(52.70% 0.0583 286.67)` | Twilight Purple | white, 5.4 to 1 |
| 27 | `#5d5a7f` | `oklch(48.55% 0.0586 287.05)` | Psychic | white, 6.4 to 1 |
| 28 | `#524f72` | `oklch(44.60% 0.0560 287.30)` | Perpetual Purple | white, 7.6 to 1 |
| 29 | `#484665` | `oklch(40.97% 0.0517 287.44)` | Deepest Fig | white, 8.9 to 1 |
| 30 | `#403e5a` | `oklch(37.76% 0.0469 287.51)` | Victory Blue | white, 10.2 to 1 |
| 31 | `#393750` | `oklch(35.09% 0.0426 287.56)` | Caddies Silk | white, 11.3 to 1 |
| 32 | `#343249` | `oklch(33.07% 0.0400 287.62)` | Deep Velvet | white, 12.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #101113 0.0%, #131416 3.2%, #16181b 6.5%, #1b1d21 9.7%, #202228 12.9%, #262830 16.1%, #2c2e37 19.4%, #31333f 22.6%, #353847 25.8%, #3a3c50 29.0%, #3f4259 32.3%, #464963 35.5%, #50526f 38.7%, #5d5f7c 41.9%, #72748d 45.2%, #8b8da1 48.4%, #a5a6b4 51.6%, #bcbcc4 54.8%, #cbcbd0 58.1%, #ceced3 61.3%, #c5c6cf 64.5%, #b4b5c5 67.7%, #9fa0b7 71.0%, #8989a7 74.2%, #767598 77.4%, #68668b 80.6%, #5d5a7f 83.9%, #524f72 87.1%, #484665 90.3%, #403e5a 93.5%, #393750 96.8%, #343249 100.0%);
background: linear-gradient(135deg in oklch, oklch(17.72% 0.0041 264.37) 0.0%, oklch(19.04% 0.0054 265.66) 3.2%, oklch(20.85% 0.0070 267.49) 6.5%, oklch(23.00% 0.0090 269.63) 9.7%, oklch(25.37% 0.0113 271.87) 12.9%, oklch(27.82% 0.0141 273.97) 16.1%, oklch(30.24% 0.0172 275.71) 19.4%, oklch(32.44% 0.0214 277.03) 22.6%, oklch(34.38% 0.0273 278.15) 25.8%, oklch(36.33% 0.0339 279.11) 29.0%, oklch(38.55% 0.0401 279.91) 32.3%, oklch(41.27% 0.0448 280.57) 35.5%, oklch(44.78% 0.0469 281.10) 38.7%, oklch(49.61% 0.0452 281.47) 41.9%, oklch(56.62% 0.0389 281.53) 45.2%, oklch(64.78% 0.0297 281.39) 48.4%, oklch(72.91% 0.0198 281.18) 51.6%, oklch(79.83% 0.0113 281.04) 54.8%, oklch(84.36% 0.0061 281.10) 58.1%, oklch(85.35% 0.0064 281.48) 61.3%, oklch(82.80% 0.0124 282.20) 64.5%, oklch(77.72% 0.0222 283.14) 67.7%, oklch(71.13% 0.0338 284.17) 71.0%, oklch(64.09% 0.0450 285.18) 74.2%, oklch(57.61% 0.0539 286.05) 77.4%, oklch(52.70% 0.0583 286.67) 80.6%, oklch(48.55% 0.0586 287.05) 83.9%, oklch(44.60% 0.0560 287.30) 87.1%, oklch(40.97% 0.0517 287.44) 90.3%, oklch(37.76% 0.0469 287.51) 93.5%, oklch(35.09% 0.0426 287.56) 96.8%, oklch(33.07% 0.0400 287.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.004 | 264.4 |
| 2 | 0.307 | 0.018 | 276 |
| 3 | 0.465 | 0.047 | 281.3 |
| 4 | 0.854 | 0.006 | 281.3 |
| 5 | 0.535 | 0.058 | 286.6 |
| 6 | 0.331 | 0.04 | 287.6 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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