# Pale Gray Muted Cyan Rings

From the center outward, this gradient moves through pale gray, pale gray, muted gray, muted cyan blue, muted cyan blue, muted cyan blue, and closes in muted cyan blue. The continuous route preserves several useful light and dark areas for foreground elements. Use it for poetry covers, literary journals, quiet title cards, or reflective interface backgrounds with generous room for text.

- Also called: White to gray radial gradient
- Seed: `kU8ASq5oa-s8Mv40i8Ag`
- Page: https://grabient.com/kU8ASq5oa-s8Mv40i8Ag?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, neutral, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 7.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 | `#eaedf0` | `oklch(94.49% 0.0055 239.77)` | Walls of Santorini | black, 17.8 to 1 |
| 2 | `#e7ebee` | `oklch(93.72% 0.0062 239.13)` | Lavendar Wisp | black, 17.4 to 1 |
| 3 | `#e3e8eb` | `oklch(92.76% 0.0071 238.27)` | Winter Day | black, 16.9 to 1 |
| 4 | `#dfe4e8` | `oklch(91.64% 0.0081 237.25)` | Elusive Blue | black, 16.4 to 1 |
| 5 | `#dae0e5` | `oklch(90.37% 0.0092 236.10)` | Eastern Breeze | black, 15.7 to 1 |
| 6 | `#d4dce1` | `oklch(88.99% 0.0105 234.89)` | Ocean Dream | black, 15.1 to 1 |
| 7 | `#cfd7dd` | `oklch(87.52% 0.0118 233.65)` | Twinkle Blue | black, 14.4 to 1 |
| 8 | `#c9d3d8` | `oklch(85.99% 0.0132 232.43)` | Fairfax Grey | black, 13.7 to 1 |
| 9 | `#c3ced4` | `oklch(84.41% 0.0146 231.29)` | New North | black, 13 to 1 |
| 10 | `#bdc9cf` | `oklch(82.82% 0.0160 230.28)` | Bay of Hope | black, 12.4 to 1 |
| 11 | `#b7c4cb` | `oklch(81.23% 0.0174 229.43)` | Lighthouse Shadows | black, 11.7 to 1 |
| 12 | `#b1bfc6` | `oklch(79.65% 0.0189 228.77)` | Ocean Drive | black, 11.1 to 1 |
| 13 | `#abbac2` | `oklch(78.02% 0.0206 228.21)` | Hazy Skies | black, 10.5 to 1 |
| 14 | `#a4b5bd` | `oklch(76.33% 0.0224 227.72)` | Shark Loop | black, 9.9 to 1 |
| 15 | `#9db0b9` | `oklch(74.59% 0.0243 227.31)` | Electric Slide | black, 9.3 to 1 |
| 16 | `#97abb4` | `oklch(72.80% 0.0262 226.97)` | Pacific Bliss | black, 8.7 to 1 |
| 17 | `#90a5af` | `oklch(70.99% 0.0281 226.69)` | Galleria Blue | black, 8.2 to 1 |
| 18 | `#89a0aa` | `oklch(69.14% 0.0298 226.46)` | Symphony of Blue | black, 7.6 to 1 |
| 19 | `#829aa5` | `oklch(67.26% 0.0314 226.29)` | Silver Storm | black, 7.1 to 1 |
| 20 | `#7c95a0` | `oklch(65.37% 0.0328 226.16)` | Wethers Field | black, 6.6 to 1 |
| 21 | `#758f9b` | `oklch(63.47% 0.0339 226.07)` | Sheltered Bay | black, 6.1 to 1 |
| 22 | `#6f8a95` | `oklch(61.56% 0.0346 226.02)` | Jeans Indigo | black, 5.7 to 1 |
| 23 | `#69838f` | `oklch(59.48% 0.0350 226.06)` | Indigo Mouse | black, 5.2 to 1 |
| 24 | `#627d88` | `oklch(57.24% 0.0351 226.19)` | Hoki | black, 4.8 to 1 |
| 25 | `#5c7681` | `oklch(54.91% 0.0349 226.39)` | Blue-Eyed Cryptid | white, 4.8 to 1 |
| 26 | `#566f7a` | `oklch(52.56% 0.0345 226.65)` | Blue Sentinel | white, 5.3 to 1 |
| 27 | `#506873` | `oklch(50.23% 0.0340 226.94)` | Silent Night | white, 5.8 to 1 |
| 28 | `#4a626d` | `oklch(48.01% 0.0334 227.23)` | Nostalgic Evening | white, 6.4 to 1 |
| 29 | `#455c66` | `oklch(45.94% 0.0329 227.52)` | Hypothalamus Grey | white, 7 to 1 |
| 30 | `#405761` | `oklch(44.10% 0.0323 227.79)` | Steiglitz Fog | white, 7.6 to 1 |
| 31 | `#3c525c` | `oklch(42.54% 0.0319 228.00)` | Slate Wall | white, 8.1 to 1 |
| 32 | `#394f59` | `oklch(41.34% 0.0317 228.14)` | Mountain Midnight | white, 8.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eaedf0 0.0%, #e7ebee 3.2%, #e3e8eb 6.5%, #dfe4e8 9.7%, #dae0e5 12.9%, #d4dce1 16.1%, #cfd7dd 19.4%, #c9d3d8 22.6%, #c3ced4 25.8%, #bdc9cf 29.0%, #b7c4cb 32.3%, #b1bfc6 35.5%, #abbac2 38.7%, #a4b5bd 41.9%, #9db0b9 45.2%, #97abb4 48.4%, #90a5af 51.6%, #89a0aa 54.8%, #829aa5 58.1%, #7c95a0 61.3%, #758f9b 64.5%, #6f8a95 67.7%, #69838f 71.0%, #627d88 74.2%, #5c7681 77.4%, #566f7a 80.6%, #506873 83.9%, #4a626d 87.1%, #455c66 90.3%, #405761 93.5%, #3c525c 96.8%, #394f59 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.49% 0.0055 239.77) 0.0%, oklch(93.72% 0.0062 239.13) 3.2%, oklch(92.76% 0.0071 238.27) 6.5%, oklch(91.64% 0.0081 237.25) 9.7%, oklch(90.37% 0.0092 236.10) 12.9%, oklch(88.99% 0.0105 234.89) 16.1%, oklch(87.52% 0.0118 233.65) 19.4%, oklch(85.99% 0.0132 232.43) 22.6%, oklch(84.41% 0.0146 231.29) 25.8%, oklch(82.82% 0.0160 230.28) 29.0%, oklch(81.23% 0.0174 229.43) 32.3%, oklch(79.65% 0.0189 228.77) 35.5%, oklch(78.02% 0.0206 228.21) 38.7%, oklch(76.33% 0.0224 227.72) 41.9%, oklch(74.59% 0.0243 227.31) 45.2%, oklch(72.80% 0.0262 226.97) 48.4%, oklch(70.99% 0.0281 226.69) 51.6%, oklch(69.14% 0.0298 226.46) 54.8%, oklch(67.26% 0.0314 226.29) 58.1%, oklch(65.37% 0.0328 226.16) 61.3%, oklch(63.47% 0.0339 226.07) 64.5%, oklch(61.56% 0.0346 226.02) 67.7%, oklch(59.48% 0.0350 226.06) 71.0%, oklch(57.24% 0.0351 226.19) 74.2%, oklch(54.91% 0.0349 226.39) 77.4%, oklch(52.56% 0.0345 226.65) 80.6%, oklch(50.23% 0.0340 226.94) 83.9%, oklch(48.01% 0.0334 227.23) 87.1%, oklch(45.94% 0.0329 227.52) 90.3%, oklch(44.10% 0.0323 227.79) 93.5%, oklch(42.54% 0.0319 228.00) 96.8%, oklch(41.34% 0.0317 228.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.006 | 239.8 |
| 2 | 0.807 | 0.018 | 229.2 |
| 3 | 0.622 | 0.034 | 226 |
| 4 | 0.413 | 0.032 | 228.1 |

## In these collections

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

## Other forms

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