# Near-black and powder blue metallic palette

Seamless black and gray angular gradient with 32 colors: #0d141b, #202830, #3f4952, #64707a, #86929e, #98a6b3, #909fad, #738290, #4e5d6b, #2f3e4c, #212f3c, #2c3946, #505c68, #848e98, #bac2c9, #e0e6eb, #e3e9ef, #c4cdd5, #94a0ab, #647381, #425362, #394a5a, #4a5b6b, #6a7a89, #909eac, #acb9c6, #b2bec9, #9ca6b1, #757f88, #4b545c, #272f37, #111920. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless black and gray angular gradient
- Seed: `kaMA2v24k_6YLP_3g7_swy_-WHv-ahr_g`
- Page: https://grabient.com/kaMA2v24k_6YLP_3g7_swy_-WHv-ahr_g?style=angularGradient&steps=32
- Drawn as: angular gradient, 32 steps, 90 degrees
- Kinds: light center, neutral, cool, seamless
- Hues: achromatic
- Contrast of its darkest and lightest colors: 15.1 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 | `#0d141b` | `oklch(18.90% 0.0179 246.80)` | Black Is Back | white, 18.4 to 1 |
| 2 | `#202830` | `oklch(27.28% 0.0188 246.80)` | Infinity | white, 14.9 to 1 |
| 3 | `#3f4952` | `oklch(39.98% 0.0201 246.80)` | Medium Gunship Grey | white, 9.1 to 1 |
| 4 | `#64707a` | `oklch(53.78% 0.0217 246.80)` | Stormy Weather | white, 5 to 1 |
| 5 | `#86929e` | `oklch(65.44% 0.0232 246.80)` | Supreme Grey | black, 6.6 to 1 |
| 6 | `#98a6b3` | `oklch(71.75% 0.0246 246.80)` | Acier Tint | black, 8.4 to 1 |
| 7 | `#909fad` | `oklch(69.50% 0.0261 246.80)` | Frilled Shark | black, 7.7 to 1 |
| 8 | `#738290` | `oklch(59.82% 0.0279 246.80)` | Battle Blue | black, 5.3 to 1 |
| 9 | `#4e5d6b` | `oklch(47.06% 0.0297 246.80)` | Ragtime Blues | white, 6.7 to 1 |
| 10 | `#2f3e4c` | `oklch(35.60% 0.0308 246.80)` | Deepsea Core | white, 11 to 1 |
| 11 | `#212f3c` | `oklch(29.82% 0.0307 246.80)` | Tangaroa | white, 13.6 to 1 |
| 12 | `#2c3946` | `oklch(33.86% 0.0286 246.80)` | Precision | white, 11.7 to 1 |
| 13 | `#505c68` | `oklch(46.92% 0.0240 246.80)` | Wizard Grey | white, 6.8 to 1 |
| 14 | `#848e98` | `oklch(64.23% 0.0183 246.80)` | Common Feldspar | black, 6.3 to 1 |
| 15 | `#bac2c9` | `oklch(80.92% 0.0131 246.80)` | Yorkshire Cloud | black, 11.6 to 1 |
| 16 | `#e0e6eb` | `oklch(92.10% 0.0100 246.80)` | Winter Haven | black, 16.6 to 1 |
| 17 | `#e3e9ef` | `oklch(93.14% 0.0104 246.80)` | Bellflower Blue | black, 17.1 to 1 |
| 18 | `#c4cdd5` | `oklch(84.27% 0.0147 246.80)` | Orchid Ash | black, 12.9 to 1 |
| 19 | `#94a0ab` | `oklch(69.95% 0.0210 246.80)` | Frilled Shark | black, 7.8 to 1 |
| 20 | `#647381` | `oklch(54.78% 0.0277 246.80)` | Wharf View | white, 4.8 to 1 |
| 21 | `#425362` | `oklch(43.39% 0.0328 246.80)` | Twilight Chimes | white, 7.9 to 1 |
| 22 | `#394a5a` | `oklch(40.27% 0.0346 246.80)` | Odyssey | white, 9 to 1 |
| 23 | `#4a5b6b` | `oklch(46.21% 0.0334 246.80)` | Seven Seas | white, 7 to 1 |
| 24 | `#6a7a89` | `oklch(57.28% 0.0302 246.80)` | Magnet Dapple | black, 4.7 to 1 |
| 25 | `#909eac` | `oklch(69.30% 0.0263 246.80)` | Atom Blue | black, 7.6 to 1 |
| 26 | `#acb9c6` | `oklch(78.09% 0.0227 246.80)` | Cold Snap | black, 10.5 to 1 |
| 27 | `#b2bec9` | `oklch(79.48% 0.0204 246.80)` | Winter Wonderland | black, 11 to 1 |
| 28 | `#9ca6b1` | `oklch(72.11% 0.0192 246.80)` | Great Falls | black, 8.5 to 1 |
| 29 | `#757f88` | `oklch(59.13% 0.0186 246.80)` | Bay Wharf | black, 5.1 to 1 |
| 30 | `#4b545c` | `oklch(43.97% 0.0183 246.80)` | Winter Solstice | white, 7.7 to 1 |
| 31 | `#272f37` | `oklch(30.07% 0.0181 246.80)` | Chimney Sweep | white, 13.5 to 1 |
| 32 | `#111920` | `oklch(20.87% 0.0179 246.80)` | River Styx | white, 17.7 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #0d141b 0.0%, #202830 3.2%, #3f4952 6.5%, #64707a 9.7%, #86929e 12.9%, #98a6b3 16.1%, #909fad 19.4%, #738290 22.6%, #4e5d6b 25.8%, #2f3e4c 29.0%, #212f3c 32.3%, #2c3946 35.5%, #505c68 38.7%, #848e98 41.9%, #bac2c9 45.2%, #e0e6eb 48.4%, #e3e9ef 51.6%, #c4cdd5 54.8%, #94a0ab 58.1%, #647381 61.3%, #425362 64.5%, #394a5a 67.7%, #4a5b6b 71.0%, #6a7a89 74.2%, #909eac 77.4%, #acb9c6 80.6%, #b2bec9 83.9%, #9ca6b1 87.1%, #757f88 90.3%, #4b545c 93.5%, #272f37 96.8%, #111920 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(18.90% 0.0179 246.80) 0.0%, oklch(27.28% 0.0188 246.80) 3.2%, oklch(39.98% 0.0201 246.80) 6.5%, oklch(53.78% 0.0217 246.80) 9.7%, oklch(65.44% 0.0232 246.80) 12.9%, oklch(71.75% 0.0246 246.80) 16.1%, oklch(69.50% 0.0261 246.80) 19.4%, oklch(59.82% 0.0279 246.80) 22.6%, oklch(47.06% 0.0297 246.80) 25.8%, oklch(35.60% 0.0308 246.80) 29.0%, oklch(29.82% 0.0307 246.80) 32.3%, oklch(33.86% 0.0286 246.80) 35.5%, oklch(46.92% 0.0240 246.80) 38.7%, oklch(64.23% 0.0183 246.80) 41.9%, oklch(80.92% 0.0131 246.80) 45.2%, oklch(92.10% 0.0100 246.80) 48.4%, oklch(93.14% 0.0104 246.80) 51.6%, oklch(84.27% 0.0147 246.80) 54.8%, oklch(69.95% 0.0210 246.80) 58.1%, oklch(54.78% 0.0277 246.80) 61.3%, oklch(43.39% 0.0328 246.80) 64.5%, oklch(40.27% 0.0346 246.80) 67.7%, oklch(46.21% 0.0334 246.80) 71.0%, oklch(57.28% 0.0302 246.80) 74.2%, oklch(69.30% 0.0263 246.80) 77.4%, oklch(78.09% 0.0227 246.80) 80.6%, oklch(79.48% 0.0204 246.80) 83.9%, oklch(72.11% 0.0192 246.80) 87.1%, oklch(59.13% 0.0186 246.80) 90.3%, oklch(43.97% 0.0183 246.80) 93.5%, oklch(30.07% 0.0181 246.80) 96.8%, oklch(20.87% 0.0179 246.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.018 | 246.8 |
| 2 | 0.72 | 0.025 | 246.8 |
| 3 | 0.299 | 0.03 | 246.8 |
| 4 | 0.941 | 0.01 | 246.8 |
| 5 | 0.402 | 0.034 | 246.8 |
| 6 | 0.799 | 0.021 | 246.8 |
| 7 | 0.209 | 0.018 | 246.8 |

## In these collections

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

## Other forms

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