# Amber cobalt rose window

Black, navy, purple and beige radial gradient with 32 colors: #171a20, #171c24, #171f2b, #172232, #15253a, #112a43, #0c2e4d, #053357, #003761, #033b6b, #113e75, #24407f, #3a4086, #513f8a, #683d87, #7e3c7e, #913c6e, #a1405b, #ac4846, #b25432, #b46222, #b66f1d, #b97d26, #bd8b36, #c29849, #c8a55c, #cfb270, #d6be82, #dec893, #e5d2a2, #eadaaf, #eee1b8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, navy, purple and beige radial gradient
- Seed: `kUNwm8L6c_Mwu0zzlEOA`
- Page: https://grabient.com/kUNwm8L6c_Mwu0zzlEOA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13.3 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 | `#171a20` | `oklch(21.65% 0.0124 264.37)` | River Styx | white, 17.4 to 1 |
| 2 | `#171c24` | `oklch(22.53% 0.0182 263.30)` | Coarse Wool | white, 17 to 1 |
| 3 | `#171f2b` | `oklch(23.61% 0.0259 260.99)` | Hēi Sè Black | white, 16.6 to 1 |
| 4 | `#172232` | `oklch(24.87% 0.0353 257.94)` | Fog of War | white, 16 to 1 |
| 5 | `#15253a` | `oklch(26.30% 0.0457 254.62)` | Cool Balaclavas Are Forever | white, 15.3 to 1 |
| 6 | `#112a43` | `oklch(27.85% 0.0568 251.50)` | Eternal Darkness | white, 14.6 to 1 |
| 7 | `#0c2e4d` | `oklch(29.52% 0.0680 249.06)` | Midnight Ocean | white, 13.8 to 1 |
| 8 | `#053357` | `oklch(31.27% 0.0790 247.79)` | Night Dive | white, 13 to 1 |
| 9 | `#003761` | `oklch(33.08% 0.0892 248.15)` | Marine Blue | white, 12.1 to 1 |
| 10 | `#033b6b` | `oklch(34.93% 0.0982 250.62)` | Ateneo Blue | white, 11.3 to 1 |
| 11 | `#113e75` | `oklch(36.78% 0.1055 255.69)` | Ashenvale Nights | white, 10.6 to 1 |
| 12 | `#24407f` | `oklch(38.64% 0.1111 264.02)` | Mazarine Blue | white, 9.9 to 1 |
| 13 | `#3a4086` | `oklch(40.55% 0.1161 276.13)` | Clematis Blue | white, 9.2 to 1 |
| 14 | `#513f8a` | `oklch(42.50% 0.1204 291.29)` | Blue Gem | white, 8.6 to 1 |
| 15 | `#683d87` | `oklch(44.52% 0.1241 308.66)` | Lords of the Night | white, 8 to 1 |
| 16 | `#7e3c7e` | `oklch(46.60% 0.1271 327.44)` | Sparkling Grape | white, 7.4 to 1 |
| 17 | `#913c6e` | `oklch(48.75% 0.1293 346.79)` | Powder Red | white, 6.8 to 1 |
| 18 | `#a1405b` | `oklch(50.97% 0.1308 5.92)` | Gooseberry | white, 6.1 to 1 |
| 19 | `#ac4846` | `oklch(53.27% 0.1313 23.98)` | Redtail | white, 5.5 to 1 |
| 20 | `#b25432` | `oklch(55.66% 0.1309 40.17)` | Renga Brick | white, 4.9 to 1 |
| 21 | `#b46222` | `oklch(58.14% 0.1296 53.67)` | Polished Copper | black, 4.7 to 1 |
| 22 | `#b66f1d` | `oklch(60.73% 0.1272 63.77)` | Hardy Clay | black, 5.3 to 1 |
| 23 | `#b97d26` | `oklch(63.66% 0.1228 71.42)` | Cider Toddy | black, 6 to 1 |
| 24 | `#bd8b36` | `oklch(66.89% 0.1166 77.24)` | Treasures | black, 6.8 to 1 |
| 25 | `#c29849` | `oklch(70.33% 0.1090 81.52)` | Fallow | black, 7.8 to 1 |
| 26 | `#c8a55c` | `oklch(73.86% 0.1004 84.53)` | Winter Pear Beige | black, 9 to 1 |
| 27 | `#cfb270` | `oklch(77.38% 0.0914 86.55)` | Tan | black, 10.2 to 1 |
| 28 | `#d6be82` | `oklch(80.77% 0.0824 87.85)` | Vermicelles | black, 11.5 to 1 |
| 29 | `#dec893` | `oklch(83.93% 0.0738 88.71)` | Nomadic Travels | black, 12.8 to 1 |
| 30 | `#e5d2a2` | `oklch(86.75% 0.0661 89.41)` | Italian Straw | black, 14 to 1 |
| 31 | `#eadaaf` | `oklch(89.13% 0.0597 90.22)` | Rainforest Dew | black, 15.1 to 1 |
| 32 | `#eee1b8` | `oklch(90.94% 0.0551 91.42)` | Sauerkraut | black, 16 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #171a20 0.0%, #171c24 3.2%, #171f2b 6.5%, #172232 9.7%, #15253a 12.9%, #112a43 16.1%, #0c2e4d 19.4%, #053357 22.6%, #003761 25.8%, #033b6b 29.0%, #113e75 32.3%, #24407f 35.5%, #3a4086 38.7%, #513f8a 41.9%, #683d87 45.2%, #7e3c7e 48.4%, #913c6e 51.6%, #a1405b 54.8%, #ac4846 58.1%, #b25432 61.3%, #b46222 64.5%, #b66f1d 67.7%, #b97d26 71.0%, #bd8b36 74.2%, #c29849 77.4%, #c8a55c 80.6%, #cfb270 83.9%, #d6be82 87.1%, #dec893 90.3%, #e5d2a2 93.5%, #eadaaf 96.8%, #eee1b8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.0124 264.37) 0.0%, oklch(22.53% 0.0182 263.30) 3.2%, oklch(23.61% 0.0259 260.99) 6.5%, oklch(24.87% 0.0353 257.94) 9.7%, oklch(26.30% 0.0457 254.62) 12.9%, oklch(27.85% 0.0568 251.50) 16.1%, oklch(29.52% 0.0680 249.06) 19.4%, oklch(31.27% 0.0790 247.79) 22.6%, oklch(33.08% 0.0892 248.15) 25.8%, oklch(34.93% 0.0982 250.62) 29.0%, oklch(36.78% 0.1055 255.69) 32.3%, oklch(38.64% 0.1111 264.02) 35.5%, oklch(40.55% 0.1161 276.13) 38.7%, oklch(42.50% 0.1204 291.29) 41.9%, oklch(44.52% 0.1241 308.66) 45.2%, oklch(46.60% 0.1271 327.44) 48.4%, oklch(48.75% 0.1293 346.79) 51.6%, oklch(50.97% 0.1308 5.92) 54.8%, oklch(53.27% 0.1313 23.98) 58.1%, oklch(55.66% 0.1309 40.17) 61.3%, oklch(58.14% 0.1296 53.67) 64.5%, oklch(60.73% 0.1272 63.77) 67.7%, oklch(63.66% 0.1228 71.42) 71.0%, oklch(66.89% 0.1166 77.24) 74.2%, oklch(70.33% 0.1090 81.52) 77.4%, oklch(73.86% 0.1004 84.53) 80.6%, oklch(77.38% 0.0914 86.55) 83.9%, oklch(80.77% 0.0824 87.85) 87.1%, oklch(83.93% 0.0738 88.71) 90.3%, oklch(86.75% 0.0661 89.41) 93.5%, oklch(89.13% 0.0597 90.22) 96.8%, oklch(90.94% 0.0551 91.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.012 | 264.4 |
| 2 | 0.374 | 0.107 | 258 |
| 3 | 0.598 | 0.128 | 420.8 |
| 4 | 0.909 | 0.055 | 451.4 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)

## Other forms

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