# Near-black and blue silver palette

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

- Also called: Black, gray and white linear gradient
- Seed: `kUOAqq6Aa_XyBPs4CUJA`
- Page: https://grabient.com/kUOAqq6Aa_XyBPs4CUJA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 17.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 | `#151c21` | `oklch(22.05% 0.0138 239.77)` | Gluon Grey | white, 17.2 to 1 |
| 2 | `#1d2429` | `oklch(25.66% 0.0141 239.48)` | Washed Black | white, 15.6 to 1 |
| 3 | `#293036` | `oklch(30.52% 0.0146 239.14)` | Suit Blue | white, 13.3 to 1 |
| 4 | `#373f45` | `oklch(36.35% 0.0153 238.74)` | Ferry | white, 10.6 to 1 |
| 5 | `#485157` | `oklch(42.87% 0.0160 238.30)` | Seared Grey | white, 8.1 to 1 |
| 6 | `#5a646b` | `oklch(49.79% 0.0167 237.80)` | Calligraphy | white, 6 to 1 |
| 7 | `#6e7980` | `oklch(56.83% 0.0173 237.27)` | Iron Frost | black, 4.6 to 1 |
| 8 | `#828d95` | `oklch(63.71% 0.0179 236.69)` | Common Feldspar | black, 6.1 to 1 |
| 9 | `#95a1a9` | `oklch(70.15% 0.0182 236.07)` | Frilled Shark | black, 7.9 to 1 |
| 10 | `#a6b3bb` | `oklch(75.87% 0.0183 235.41)` | Shark Loop | black, 9.7 to 1 |
| 11 | `#b5c2ca` | `oklch(80.59% 0.0181 234.72)` | Driftwood Blues | black, 11.5 to 1 |
| 12 | `#c1ced5` | `oklch(84.30% 0.0174 233.93)` | Keepsake | black, 13 to 1 |
| 13 | `#cdd9e0` | `oklch(87.74% 0.0162 232.86)` | Pale Cornflower | black, 14.5 to 1 |
| 14 | `#d8e3e9` | `oklch(90.89% 0.0145 231.60)` | Early Frost | black, 16 to 1 |
| 15 | `#e2ecf1` | `oklch(93.69% 0.0124 230.22)` | Out Cold | black, 17.4 to 1 |
| 16 | `#ebf3f8` | `oklch(96.07% 0.0103 228.82)` | Insignia White | black, 18.7 to 1 |
| 17 | `#f3f9fd` | `oklch(97.94% 0.0082 227.49)` | Distant Horizon | black, 19.8 to 1 |
| 18 | `#f9fdff` | `oklch(99.25% 0.0046 226.17)` | Heart of Ice | black, 20.5 to 1 |
| 19 | `#feffff` | `oklch(99.92% 0.0005 223.94)` | White | black, 20.9 to 1 |
| 20 | `#feffff` | `oklch(99.88% 0.0008 223.91)` | White | black, 20.9 to 1 |
| 21 | `#fafcfd` | `oklch(99.05% 0.0027 224.76)` | Wash Me | black, 20.4 to 1 |
| 22 | `#f4f7f8` | `oklch(97.32% 0.0029 225.18)` | Gram’s Hair | black, 19.4 to 1 |
| 23 | `#e9eced` | `oklch(94.11% 0.0039 226.26)` | Icewind Dale | black, 17.6 to 1 |
| 24 | `#d9dddf` | `oklch(89.53% 0.0057 227.90)` | Script White | black, 15.3 to 1 |
| 25 | `#c5cbce` | `oklch(83.92% 0.0079 229.97)` | Sacred Spring | black, 12.8 to 1 |
| 26 | `#b0b7bc` | `oklch(77.61% 0.0105 232.32)` | Grey Pearl Sand | black, 10.3 to 1 |
| 27 | `#9aa3a9` | `oklch(70.95% 0.0133 234.84)` | Rainmaster | black, 8.1 to 1 |
| 28 | `#848f96` | `oklch(64.27% 0.0162 237.38)` | Common Feldspar | black, 6.3 to 1 |
| 29 | `#707c84` | `oklch(57.91% 0.0189 239.80)` | Deep Shale | black, 4.9 to 1 |
| 30 | `#5f6b75` | `oklch(52.20% 0.0214 241.98)` | Granite Peak | white, 5.4 to 1 |
| 31 | `#515e69` | `oklch(47.48% 0.0234 243.77)` | Wizard Grey | white, 6.6 to 1 |
| 32 | `#485560` | `oklch(44.09% 0.0248 245.05)` | Night View | white, 7.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #151c21 0.0%, #1d2429 3.2%, #293036 6.5%, #373f45 9.7%, #485157 12.9%, #5a646b 16.1%, #6e7980 19.4%, #828d95 22.6%, #95a1a9 25.8%, #a6b3bb 29.0%, #b5c2ca 32.3%, #c1ced5 35.5%, #cdd9e0 38.7%, #d8e3e9 41.9%, #e2ecf1 45.2%, #ebf3f8 48.4%, #f3f9fd 51.6%, #f9fdff 54.8%, #feffff 58.1%, #feffff 61.3%, #fafcfd 64.5%, #f4f7f8 67.7%, #e9eced 71.0%, #d9dddf 74.2%, #c5cbce 77.4%, #b0b7bc 80.6%, #9aa3a9 83.9%, #848f96 87.1%, #707c84 90.3%, #5f6b75 93.5%, #515e69 96.8%, #485560 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0138 239.77) 0.0%, oklch(25.66% 0.0141 239.48) 3.2%, oklch(30.52% 0.0146 239.14) 6.5%, oklch(36.35% 0.0153 238.74) 9.7%, oklch(42.87% 0.0160 238.30) 12.9%, oklch(49.79% 0.0167 237.80) 16.1%, oklch(56.83% 0.0173 237.27) 19.4%, oklch(63.71% 0.0179 236.69) 22.6%, oklch(70.15% 0.0182 236.07) 25.8%, oklch(75.87% 0.0183 235.41) 29.0%, oklch(80.59% 0.0181 234.72) 32.3%, oklch(84.30% 0.0174 233.93) 35.5%, oklch(87.74% 0.0162 232.86) 38.7%, oklch(90.89% 0.0145 231.60) 41.9%, oklch(93.69% 0.0124 230.22) 45.2%, oklch(96.07% 0.0103 228.82) 48.4%, oklch(97.94% 0.0082 227.49) 51.6%, oklch(99.25% 0.0046 226.17) 54.8%, oklch(99.92% 0.0005 223.94) 58.1%, oklch(99.88% 0.0008 223.91) 61.3%, oklch(99.05% 0.0027 224.76) 64.5%, oklch(97.32% 0.0029 225.18) 67.7%, oklch(94.11% 0.0039 226.26) 71.0%, oklch(89.53% 0.0057 227.90) 74.2%, oklch(83.92% 0.0079 229.97) 77.4%, oklch(77.61% 0.0105 232.32) 80.6%, oklch(70.95% 0.0133 234.84) 83.9%, oklch(64.27% 0.0162 237.38) 87.1%, oklch(57.91% 0.0189 239.80) 90.3%, oklch(52.20% 0.0214 241.98) 93.5%, oklch(47.48% 0.0234 243.77) 96.8%, oklch(44.09% 0.0248 245.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.014 | 239.8 |
| 2 | 0.819 | 0.018 | 234.5 |
| 3 | 0.98 | 0.003 | 225 |
| 4 | 0.441 | 0.025 | 245 |

## In these collections

- [Silver gradients](https://grabient.com/silver-gradients)

## Other forms

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