# Near-black and pale blue chrome palette

Black and gray linear gradient with 32 colors: #020305, #030508, #05080c, #090d12, #0e1318, #141a21, #1c242a, #272f36, #343d44, #475058, #606971, #7d878e, #9ca5ac, #b9c2c8, #d1dae0, #e2ebf1, #e8f1f7, #e5eff5, #dae5ed, #cad5df, #b6c3ce, #a2afbb, #8f9ca9, #7e8b98, #707b89, #606a77, #505964, #404751, #313740, #242931, #1a1e25, #13161c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black and gray linear gradient
- Seed: `kWGQayKwa_XiEvtOiUGmYTBA`
- Page: https://grabient.com/kWGQayKwa_XiEvtOiUGmYTBA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, neutral, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 18 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 | `#020305` | `oklch(9.84% 0.0083 250.31)` | Armour Wash | white, 20.6 to 1 |
| 2 | `#030508` | `oklch(11.50% 0.0092 249.92)` | Eight Ball | white, 20.3 to 1 |
| 3 | `#05080c` | `oklch(13.42% 0.0104 249.43)` | Reversed Grey | white, 20 to 1 |
| 4 | `#090d12` | `oklch(15.69% 0.0120 248.85)` | Midnight Oil | white, 19.4 to 1 |
| 5 | `#0e1318` | `oklch(18.40% 0.0136 248.18)` | Black Is Back | white, 18.6 to 1 |
| 6 | `#141a21` | `oklch(21.63% 0.0152 247.43)` | River Styx | white, 17.4 to 1 |
| 7 | `#1c242a` | `oklch(25.46% 0.0166 246.61)` | Washed Black | white, 15.7 to 1 |
| 8 | `#272f36` | `oklch(29.97% 0.0175 245.73)` | Chimney Sweep | white, 13.6 to 1 |
| 9 | `#343d44` | `oklch(35.32% 0.0180 244.77)` | Do Not Disturb | white, 11.1 to 1 |
| 10 | `#475058` | `oklch(42.63% 0.0177 243.47)` | Evening Storm | white, 8.2 to 1 |
| 11 | `#606971` | `oklch(51.68% 0.0169 241.85)` | Feather Falls | white, 5.5 to 1 |
| 12 | `#7d878e` | `oklch(61.64% 0.0158 240.10)` | Deep Channel | black, 5.7 to 1 |
| 13 | `#9ca5ac` | `oklch(71.64% 0.0145 238.40)` | Rainmaster | black, 8.3 to 1 |
| 14 | `#b9c2c8` | `oklch(80.86% 0.0134 236.94)` | Driftwood Blues | black, 11.6 to 1 |
| 15 | `#d1dae0` | `oklch(88.43% 0.0126 235.89)` | Seven Days of Rain | black, 14.8 to 1 |
| 16 | `#e2ebf1` | `oklch(93.53% 0.0123 235.45)` | Out Cold | black, 17.4 to 1 |
| 17 | `#e8f1f7` | `oklch(95.42% 0.0127 235.80)` | Clear Vision | black, 18.4 to 1 |
| 18 | `#e5eff5` | `oklch(94.53% 0.0140 236.93)` | Clear Vision | black, 17.9 to 1 |
| 19 | `#dae5ed` | `oklch(91.48% 0.0160 238.68)` | Icelandic | black, 16.3 to 1 |
| 20 | `#cad5df` | `oklch(86.82% 0.0182 240.84)` | Ephemeral Blue | black, 14.1 to 1 |
| 21 | `#b6c3ce` | `oklch(81.10% 0.0204 243.24)` | Pre School | black, 11.7 to 1 |
| 22 | `#a2afbb` | `oklch(74.86% 0.0225 245.68)` | Sensitivity | black, 9.4 to 1 |
| 23 | `#8f9ca9` | `oklch(68.66% 0.0240 247.96)` | Gorgeous Graphite | black, 7.4 to 1 |
| 24 | `#7e8b98` | `oklch(63.06% 0.0248 249.90)` | Denim Drift | black, 6 to 1 |
| 25 | `#707b89` | `oklch(57.94% 0.0245 251.48)` | Abandoned Spaceship | black, 4.9 to 1 |
| 26 | `#606a77` | `oklch(52.15% 0.0234 253.01)` | Press Agent | white, 5.4 to 1 |
| 27 | `#505964` | `oklch(45.95% 0.0217 254.46)` | Dark and Stormy Night | white, 7.1 to 1 |
| 28 | `#404751` | `oklch(39.65% 0.0197 255.83)` | Midnight Sky | white, 9.3 to 1 |
| 29 | `#313740` | `oklch(33.60% 0.0174 257.08)` | Night Wizard | white, 11.9 to 1 |
| 30 | `#242931` | `oklch(28.10% 0.0153 258.17)` | Sky Captain | white, 14.5 to 1 |
| 31 | `#1a1e25` | `oklch(23.48% 0.0136 259.10)` | Satin Deep Black | white, 16.6 to 1 |
| 32 | `#13161c` | `oklch(20.08% 0.0124 259.82)` | Absence of Light | white, 18 to 1 |

## CSS

```css
background: linear-gradient(90deg, #020305 0.0%, #030508 3.2%, #05080c 6.5%, #090d12 9.7%, #0e1318 12.9%, #141a21 16.1%, #1c242a 19.4%, #272f36 22.6%, #343d44 25.8%, #475058 29.0%, #606971 32.3%, #7d878e 35.5%, #9ca5ac 38.7%, #b9c2c8 41.9%, #d1dae0 45.2%, #e2ebf1 48.4%, #e8f1f7 51.6%, #e5eff5 54.8%, #dae5ed 58.1%, #cad5df 61.3%, #b6c3ce 64.5%, #a2afbb 67.7%, #8f9ca9 71.0%, #7e8b98 74.2%, #707b89 77.4%, #606a77 80.6%, #505964 83.9%, #404751 87.1%, #313740 90.3%, #242931 93.5%, #1a1e25 96.8%, #13161c 100.0%);
background: linear-gradient(90deg in oklch, oklch(9.84% 0.0083 250.31) 0.0%, oklch(11.50% 0.0092 249.92) 3.2%, oklch(13.42% 0.0104 249.43) 6.5%, oklch(15.69% 0.0120 248.85) 9.7%, oklch(18.40% 0.0136 248.18) 12.9%, oklch(21.63% 0.0152 247.43) 16.1%, oklch(25.46% 0.0166 246.61) 19.4%, oklch(29.97% 0.0175 245.73) 22.6%, oklch(35.32% 0.0180 244.77) 25.8%, oklch(42.63% 0.0177 243.47) 29.0%, oklch(51.68% 0.0169 241.85) 32.3%, oklch(61.64% 0.0158 240.10) 35.5%, oklch(71.64% 0.0145 238.40) 38.7%, oklch(80.86% 0.0134 236.94) 41.9%, oklch(88.43% 0.0126 235.89) 45.2%, oklch(93.53% 0.0123 235.45) 48.4%, oklch(95.42% 0.0127 235.80) 51.6%, oklch(94.53% 0.0140 236.93) 54.8%, oklch(91.48% 0.0160 238.68) 58.1%, oklch(86.82% 0.0182 240.84) 61.3%, oklch(81.10% 0.0204 243.24) 64.5%, oklch(74.86% 0.0225 245.68) 67.7%, oklch(68.66% 0.0240 247.96) 71.0%, oklch(63.06% 0.0248 249.90) 74.2%, oklch(57.94% 0.0245 251.48) 77.4%, oklch(52.15% 0.0234 253.01) 80.6%, oklch(45.95% 0.0217 254.46) 83.9%, oklch(39.65% 0.0197 255.83) 87.1%, oklch(33.60% 0.0174 257.08) 90.3%, oklch(28.10% 0.0153 258.17) 93.5%, oklch(23.48% 0.0136 259.10) 96.8%, oklch(20.08% 0.0124 259.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.098 | 0.008 | 250.3 |
| 2 | 0.339 | 0.018 | 245 |
| 3 | 0.949 | 0.012 | 235.5 |
| 4 | 0.618 | 0.025 | 250.3 |
| 5 | 0.201 | 0.012 | 259.8 |

## In these collections

- [Chrome gradients](https://grabient.com/chrome-gradients)

## Other forms

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