# Muted blue pale orange rings

Black, gray and beige radial gradient with 40 colors: #13212e, #172935, #1e343e, #284148, #355154, #45625f, #58746b, #6e8777, #869883, #9ea98f, #b5b89c, #cac5a8, #dbd1b3, #e8d9bc, #f1dfc3, #f7e3c8, #fce6cb, #fee8cd, #ffe9cd, #fde8cb, #fbe7c9, #f7e5c6, #f1e2c2, #ebdfbe, #e4dcba, #ddd8b6, #d5d4b2, #ccd0ae, #c0c9aa, #b3c2a5, #a5baa0, #96b09b, #88a696, #7b9c91, #70918c, #678787, #5f7d81, #59757c, #546e77, #516873. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, gray and beige radial gradient
- Seed: `kUPRewcQ8sm2QwpADE5A`
- Page: https://grabient.com/kUPRewcQ8sm2QwpADE5A?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 13.8 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 | `#13212e` | `oklch(24.02% 0.0317 247.50)` | Hēi Sè Black | white, 16.4 to 1 |
| 2 | `#172935` | `oklch(27.07% 0.0321 239.76)` | Oceanic Noir | white, 14.9 to 1 |
| 3 | `#1e343e` | `oklch(31.11% 0.0327 229.46)` | Blue Whale | white, 13 to 1 |
| 4 | `#284148` | `oklch(35.96% 0.0334 217.07)` | Japanese Indigo | white, 10.7 to 1 |
| 5 | `#355154` | `oklch(41.43% 0.0341 203.08)` | Urban Oasis | white, 8.5 to 1 |
| 6 | `#45625f` | `oklch(47.35% 0.0350 187.96)` | Brochantite Green | white, 6.5 to 1 |
| 7 | `#58746b` | `oklch(53.53% 0.0358 172.19)` | Noble Fir | white, 5 to 1 |
| 8 | `#6e8777` | `oklch(59.80% 0.0367 156.25)` | Sycamore Grove | black, 5.3 to 1 |
| 9 | `#869883` | `oklch(65.97% 0.0376 140.61)` | Green Clay | black, 6.8 to 1 |
| 10 | `#9ea98f` | `oklch(71.85% 0.0385 125.76)` | Reseda | black, 8.5 to 1 |
| 11 | `#b5b89c` | `oklch(77.28% 0.0393 112.16)` | Trinity Islands | black, 10.3 to 1 |
| 12 | `#cac5a8` | `oklch(82.06% 0.0401 100.30)` | Cargo Green | black, 12.1 to 1 |
| 13 | `#dbd1b3` | `oklch(86.02% 0.0408 90.66)` | Fennel Splash | black, 13.7 to 1 |
| 14 | `#e8d9bc` | `oklch(88.98% 0.0413 83.70)` | Roycroft Vellum | black, 15 to 1 |
| 15 | `#f1dfc3` | `oklch(91.07% 0.0419 79.04)` | Paper Lantern | black, 16 to 1 |
| 16 | `#f7e3c8` | `oklch(92.61% 0.0424 75.88)` | Howdy Neighbor | black, 16.8 to 1 |
| 17 | `#fce6cb` | `oklch(93.64% 0.0430 74.09)` | City of Diamonds | black, 17.3 to 1 |
| 18 | `#fee8cd` | `oklch(94.21% 0.0436 73.56)` | Mineral Glow | black, 17.6 to 1 |
| 19 | `#ffe9cd` | `oklch(94.35% 0.0441 74.17)` | Blanched Almond | black, 17.7 to 1 |
| 20 | `#fde8cb` | `oklch(94.13% 0.0446 75.80)` | Spanish Lace | black, 17.6 to 1 |
| 21 | `#fbe7c9` | `oklch(93.59% 0.0450 78.34)` | Light Nougat | black, 17.3 to 1 |
| 22 | `#f7e5c6` | `oklch(92.77% 0.0453 81.66)` | Lightweight Beige | black, 16.9 to 1 |
| 23 | `#f1e2c2` | `oklch(91.73% 0.0456 85.65)` | Cloud of Cream | black, 16.4 to 1 |
| 24 | `#ebdfbe` | `oklch(90.50% 0.0458 90.18)` | Shell Haven | black, 15.8 to 1 |
| 25 | `#e4dcba` | `oklch(89.14% 0.0458 95.15)` | Flaxen Fair | black, 15.2 to 1 |
| 26 | `#ddd8b6` | `oklch(87.70% 0.0457 100.42)` | Spring Day | black, 14.5 to 1 |
| 27 | `#d5d4b2` | `oklch(86.22% 0.0455 105.90)` | Chinese Silk | black, 13.9 to 1 |
| 28 | `#ccd0ae` | `oklch(84.45% 0.0450 112.32)` | Meadow Glen | black, 13.1 to 1 |
| 29 | `#c0c9aa` | `oklch(82.17% 0.0444 120.34)` | Desert Hot Springs | black, 12.2 to 1 |
| 30 | `#b3c2a5` | `oklch(79.48% 0.0435 129.65)` | Camping Grounds | black, 11.1 to 1 |
| 31 | `#a5baa0` | `oklch(76.46% 0.0425 139.95)` | Laurel Green | black, 10 to 1 |
| 32 | `#96b09b` | `oklch(73.22% 0.0413 150.93)` | Burma Jade | black, 9 to 1 |
| 33 | `#88a696` | `oklch(69.84% 0.0401 162.31)` | Beckett | black, 7.9 to 1 |
| 34 | `#7b9c91` | `oklch(66.43% 0.0389 173.77)` | Avalon | black, 6.9 to 1 |
| 35 | `#70918c` | `oklch(63.07% 0.0377 185.01)` | Pool Tide | black, 6.1 to 1 |
| 36 | `#678787` | `oklch(59.86% 0.0365 195.73)` | Classic Calm | black, 5.3 to 1 |
| 37 | `#5f7d81` | `oklch(56.89% 0.0354 205.64)` | Refuge | black, 4.7 to 1 |
| 38 | `#59757c` | `oklch(54.26% 0.0345 214.42)` | Blue Sage | white, 4.9 to 1 |
| 39 | `#546e77` | `oklch(52.07% 0.0337 221.78)` | Blue Sentinel | white, 5.4 to 1 |
| 40 | `#516873` | `oklch(50.39% 0.0331 227.42)` | Cadet | white, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #13212e 0.0%, #172935 2.6%, #1e343e 5.1%, #284148 7.7%, #355154 10.3%, #45625f 12.8%, #58746b 15.4%, #6e8777 17.9%, #869883 20.5%, #9ea98f 23.1%, #b5b89c 25.6%, #cac5a8 28.2%, #dbd1b3 30.8%, #e8d9bc 33.3%, #f1dfc3 35.9%, #f7e3c8 38.5%, #fce6cb 41.0%, #fee8cd 43.6%, #ffe9cd 46.2%, #fde8cb 48.7%, #fbe7c9 51.3%, #f7e5c6 53.8%, #f1e2c2 56.4%, #ebdfbe 59.0%, #e4dcba 61.5%, #ddd8b6 64.1%, #d5d4b2 66.7%, #ccd0ae 69.2%, #c0c9aa 71.8%, #b3c2a5 74.4%, #a5baa0 76.9%, #96b09b 79.5%, #88a696 82.1%, #7b9c91 84.6%, #70918c 87.2%, #678787 89.7%, #5f7d81 92.3%, #59757c 94.9%, #546e77 97.4%, #516873 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.02% 0.0317 247.50) 0.0%, oklch(27.07% 0.0321 239.76) 2.6%, oklch(31.11% 0.0327 229.46) 5.1%, oklch(35.96% 0.0334 217.07) 7.7%, oklch(41.43% 0.0341 203.08) 10.3%, oklch(47.35% 0.0350 187.96) 12.8%, oklch(53.53% 0.0358 172.19) 15.4%, oklch(59.80% 0.0367 156.25) 17.9%, oklch(65.97% 0.0376 140.61) 20.5%, oklch(71.85% 0.0385 125.76) 23.1%, oklch(77.28% 0.0393 112.16) 25.6%, oklch(82.06% 0.0401 100.30) 28.2%, oklch(86.02% 0.0408 90.66) 30.8%, oklch(88.98% 0.0413 83.70) 33.3%, oklch(91.07% 0.0419 79.04) 35.9%, oklch(92.61% 0.0424 75.88) 38.5%, oklch(93.64% 0.0430 74.09) 41.0%, oklch(94.21% 0.0436 73.56) 43.6%, oklch(94.35% 0.0441 74.17) 46.2%, oklch(94.13% 0.0446 75.80) 48.7%, oklch(93.59% 0.0450 78.34) 51.3%, oklch(92.77% 0.0453 81.66) 53.8%, oklch(91.73% 0.0456 85.65) 56.4%, oklch(90.50% 0.0458 90.18) 59.0%, oklch(89.14% 0.0458 95.15) 61.5%, oklch(87.70% 0.0457 100.42) 64.1%, oklch(86.22% 0.0455 105.90) 66.7%, oklch(84.45% 0.0450 112.32) 69.2%, oklch(82.17% 0.0444 120.34) 71.8%, oklch(79.48% 0.0435 129.65) 74.4%, oklch(76.46% 0.0425 139.95) 76.9%, oklch(73.22% 0.0413 150.93) 79.5%, oklch(69.84% 0.0401 162.31) 82.1%, oklch(66.43% 0.0389 173.77) 84.6%, oklch(63.07% 0.0377 185.01) 87.2%, oklch(59.86% 0.0365 195.73) 89.7%, oklch(56.89% 0.0354 205.64) 92.3%, oklch(54.26% 0.0345 214.42) 94.9%, oklch(52.07% 0.0337 221.78) 97.4%, oklch(50.39% 0.0331 227.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.032 | 247.5 |
| 2 | 0.89 | 0.041 | 83.7 |
| 3 | 0.862 | 0.045 | 105.9 |
| 4 | 0.504 | 0.033 | 227.4 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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