# Aubergine and cobalt blue backstage powder chrome

Navy to gray radial gradient with 32 colors: #1f162f, #201834, #211a3b, #211e43, #21234c, #202955, #21305e, #253768, #2b4172, #344b7d, #3f5589, #4a6094, #556a9e, #5f74a6, #6a7dad, #7587b4, #8091ba, #8b99bf, #95a0c3, #9ea5c5, #a7a9c6, #afacc6, #b5aec4, #b9b0c1, #bbb0be, #bbaeba, #b9aab4, #b5a3ab, #b19ba1, #ac9497, #a78d8d, #a48987. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy to gray radial gradient
- Seed: `kYOSTVKZ88MUev9bkkDYYhGNMMRo`
- Page: https://grabient.com/kYOSTVKZ88MUev9bkkDYYhGNMMRo?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: light center, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#1f162f` | `oklch(22.44% 0.0496 299.53)` | Blacklist | white, 17.3 to 1 |
| 2 | `#201834` | `oklch(23.39% 0.0538 295.88)` | Blacklist | white, 16.9 to 1 |
| 3 | `#211a3b` | `oklch(24.58% 0.0598 290.57)` | Prune Plum | white, 16.4 to 1 |
| 4 | `#211e43` | `oklch(26.04% 0.0669 284.38)` | Azulado | white, 15.7 to 1 |
| 5 | `#21234c` | `oklch(27.79% 0.0740 278.10)` | Black Market | white, 14.9 to 1 |
| 6 | `#202955` | `oklch(29.82% 0.0803 272.51)` | Ultramarine Violet | white, 13.9 to 1 |
| 7 | `#21305e` | `oklch(32.17% 0.0848 268.40)` | Ending Navy Blue | white, 12.7 to 1 |
| 8 | `#253768` | `oklch(34.94% 0.0873 266.13)` | Passionate Blue | white, 11.4 to 1 |
| 9 | `#2b4172` | `oklch(38.25% 0.0887 265.03)` | Deep Ocean Floor | white, 10 to 1 |
| 10 | `#344b7d` | `oklch(41.90% 0.0892 264.80)` | Expressionism | white, 8.5 to 1 |
| 11 | `#3f5589` | `oklch(45.71% 0.0887 265.16)` | Demon Blue | white, 7.2 to 1 |
| 12 | `#4a6094` | `oklch(49.48% 0.0873 265.83)` | Last Light Blue | white, 6.1 to 1 |
| 13 | `#556a9e` | `oklch(53.02% 0.0852 266.54)` | San Marino | white, 5.3 to 1 |
| 14 | `#5f74a6` | `oklch(56.26% 0.0820 266.96)` | Sudden Sapphire | white, 4.6 to 1 |
| 15 | `#6a7dad` | `oklch(59.50% 0.0773 266.96)` | Night Thistle | black, 5.1 to 1 |
| 16 | `#7587b4` | `oklch(62.70% 0.0716 266.96)` | Corsican Purple | black, 5.8 to 1 |
| 17 | `#8091ba` | `oklch(65.74% 0.0653 267.42)` | Soothsayer | black, 6.6 to 1 |
| 18 | `#8b99bf` | `oklch(68.50% 0.0588 268.82)` | Manifest Destiny | black, 7.3 to 1 |
| 19 | `#95a0c3` | `oklch(70.86% 0.0528 271.62)` | Midnight Blush | black, 8 to 1 |
| 20 | `#9ea5c5` | `oklch(72.75% 0.0476 276.29)` | Wild Phlox | black, 8.6 to 1 |
| 21 | `#a7a9c6` | `oklch(74.31% 0.0422 282.96)` | Wisteria Light Soft Blue | black, 9.1 to 1 |
| 22 | `#afacc6` | `oklch(75.56% 0.0367 291.17)` | Cosmic Sky | black, 9.5 to 1 |
| 23 | `#b5aec4` | `oklch(76.46% 0.0315 300.39)` | Wisteria Trellis | black, 9.8 to 1 |
| 24 | `#b9b0c1` | `oklch(76.97% 0.0270 310.08)` | Misty Lilac | black, 10 to 1 |
| 25 | `#bbb0be` | `oklch(77.05% 0.0237 319.70)` | Velvet Dawn | black, 10 to 1 |
| 26 | `#bbaeba` | `oklch(76.64% 0.0218 328.79)` | Luminous Light | black, 9.9 to 1 |
| 27 | `#b9aab4` | `oklch(75.41% 0.0219 338.49)` | Angel Finger | black, 9.4 to 1 |
| 28 | `#b5a3ab` | `oklch(73.45% 0.0236 348.92)` | Foggy Plum | black, 8.8 to 1 |
| 29 | `#b19ba1` | `oklch(71.12% 0.0261 359.33)` | Decorum | black, 8 to 1 |
| 30 | `#ac9497` | `oklch(68.76% 0.0290 8.98)` | Persian Pastel | black, 7.4 to 1 |
| 31 | `#a78d8d` | `oklch(66.72% 0.0315 17.12)` | Delicate Brown | black, 6.8 to 1 |
| 32 | `#a48987` | `oklch(65.35% 0.0331 23.01)` | Rosaline Pearl | black, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1f162f 0.0%, #201834 3.2%, #211a3b 6.5%, #211e43 9.7%, #21234c 12.9%, #202955 16.1%, #21305e 19.4%, #253768 22.6%, #2b4172 25.8%, #344b7d 29.0%, #3f5589 32.3%, #4a6094 35.5%, #556a9e 38.7%, #5f74a6 41.9%, #6a7dad 45.2%, #7587b4 48.4%, #8091ba 51.6%, #8b99bf 54.8%, #95a0c3 58.1%, #9ea5c5 61.3%, #a7a9c6 64.5%, #afacc6 67.7%, #b5aec4 71.0%, #b9b0c1 74.2%, #bbb0be 77.4%, #bbaeba 80.6%, #b9aab4 83.9%, #b5a3ab 87.1%, #b19ba1 90.3%, #ac9497 93.5%, #a78d8d 96.8%, #a48987 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.44% 0.0496 299.53) 0.0%, oklch(23.39% 0.0538 295.88) 3.2%, oklch(24.58% 0.0598 290.57) 6.5%, oklch(26.04% 0.0669 284.38) 9.7%, oklch(27.79% 0.0740 278.10) 12.9%, oklch(29.82% 0.0803 272.51) 16.1%, oklch(32.17% 0.0848 268.40) 19.4%, oklch(34.94% 0.0873 266.13) 22.6%, oklch(38.25% 0.0887 265.03) 25.8%, oklch(41.90% 0.0892 264.80) 29.0%, oklch(45.71% 0.0887 265.16) 32.3%, oklch(49.48% 0.0873 265.83) 35.5%, oklch(53.02% 0.0852 266.54) 38.7%, oklch(56.26% 0.0820 266.96) 41.9%, oklch(59.50% 0.0773 266.96) 45.2%, oklch(62.70% 0.0716 266.96) 48.4%, oklch(65.74% 0.0653 267.42) 51.6%, oklch(68.50% 0.0588 268.82) 54.8%, oklch(70.86% 0.0528 271.62) 58.1%, oklch(72.75% 0.0476 276.29) 61.3%, oklch(74.31% 0.0422 282.96) 64.5%, oklch(75.56% 0.0367 291.17) 67.7%, oklch(76.46% 0.0315 300.39) 71.0%, oklch(76.97% 0.0270 310.08) 74.2%, oklch(77.05% 0.0237 319.70) 77.4%, oklch(76.64% 0.0218 328.79) 80.6%, oklch(75.41% 0.0219 338.49) 83.9%, oklch(73.45% 0.0236 348.92) 87.1%, oklch(71.12% 0.0261 359.33) 90.3%, oklch(68.76% 0.0290 8.98) 93.5%, oklch(66.72% 0.0315 17.12) 96.8%, oklch(65.35% 0.0331 23.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.05 | 299.5 |
| 2 | 0.327 | 0.085 | 267.8 |
| 3 | 0.543 | 0.084 | 266.8 |
| 4 | 0.72 | 0.05 | 274.2 |
| 5 | 0.768 | 0.022 | 327 |
| 6 | 0.654 | 0.033 | 383 |

## In these collections

- [Backstage powder chrome](https://grabient.com/backstage-powder-chrome)

## Other forms

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