# Gray, tan, lavender and blue radial gradient

Gray, tan, lavender and blue radial gradient with 32 colors: #9ba2aa, #97a1a9, #91a0a7, #8a9ea4, #839d9e, #7e9b96, #7d9a8c, #809882, #879679, #929572, #9f946f, #ad9372, #b9927a, #c29286, #c79395, #c994a3, #c895ae, #c597b7, #c298bf, #be98c4, #ba99c9, #b699cc, #b19acf, #ab9ad2, #a49bd3, #9d9bd3, #959cd2, #8d9cd0, #869bcd, #809bc9, #7b9bc6, #789ac4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWtAqzUxCyFwYr1bnbk1hq6w`
- Page: https://grabient.com/kWtAqzUxCyFwYr1bnbk1hq6w?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: even lightness, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#9ba2aa` | `oklch(70.87% 0.0138 251.72)` | Rough Stone | black, 8.1 to 1 |
| 2 | `#97a1a9` | `oklch(70.33% 0.0164 242.49)` | Metropolis Mood | black, 7.9 to 1 |
| 3 | `#91a0a7` | `oklch(69.52% 0.0199 230.35)` | Debonair | black, 7.7 to 1 |
| 4 | `#8a9ea4` | `oklch(68.55% 0.0242 215.91)` | Shale Grey | black, 7.5 to 1 |
| 5 | `#839d9e` | `oklch(67.54% 0.0288 199.76)` | North Beach Blue | black, 7.2 to 1 |
| 6 | `#7e9b96` | `oklch(66.60% 0.0337 182.52)` | Avalon | black, 7 to 1 |
| 7 | `#7d9a8c` | `oklch(65.86% 0.0383 164.79)` | Parisian Patina | black, 6.8 to 1 |
| 8 | `#809882` | `oklch(65.41% 0.0427 147.18)` | Dinosaur | black, 6.7 to 1 |
| 9 | `#879679` | `oklch(65.40% 0.0463 130.19)` | Laurel Tree | black, 6.6 to 1 |
| 10 | `#929572` | `oklch(65.86% 0.0497 112.16)` | Dry Hemlock | black, 6.7 to 1 |
| 11 | `#9f946f` | `oklch(66.71% 0.0528 92.82)` | Sponge | black, 6.9 to 1 |
| 12 | `#ad9372` | `oklch(67.82% 0.0558 72.86)` | River Oak | black, 7.1 to 1 |
| 13 | `#b9927a` | `oklch(69.04% 0.0587 52.98)` | Mojave Dusk | black, 7.4 to 1 |
| 14 | `#c29286` | `oklch(70.26% 0.0614 33.85)` | Revival Rose | black, 7.7 to 1 |
| 15 | `#c79395` | `oklch(71.35% 0.0639 16.17)` | Minstrel Rose | black, 8 to 1 |
| 16 | `#c994a3` | `oklch(72.17% 0.0663 0.63)` | Cooing Doves | black, 8.2 to 1 |
| 17 | `#c895ae` | `oklch(72.63% 0.0687 347.81)` | Morning Glory Pink | black, 8.3 to 1 |
| 18 | `#c597b7` | `oklch(72.90% 0.0710 337.36)` | Morning Glory Pink | black, 8.4 to 1 |
| 19 | `#c298bf` | `oklch(73.01% 0.0734 328.80)` | Lupine | black, 8.5 to 1 |
| 20 | `#be98c4` | `oklch(72.99% 0.0755 321.66)` | Crocus Petal | black, 8.5 to 1 |
| 21 | `#ba99c9` | `oklch(72.87% 0.0775 315.50)` | Crocus Petal | black, 8.4 to 1 |
| 22 | `#b699cc` | `oklch(72.67% 0.0792 309.87)` | Amethyst Show | black, 8.4 to 1 |
| 23 | `#b19acf` | `oklch(72.42% 0.0804 304.32)` | Biloba Flower | black, 8.3 to 1 |
| 24 | `#ab9ad2` | `oklch(72.12% 0.0812 298.40)` | Biloba Flower | black, 8.2 to 1 |
| 25 | `#a49bd3` | `oklch(71.77% 0.0813 291.89)` | Wistful | black, 8.2 to 1 |
| 26 | `#9d9bd3` | `oklch(71.25% 0.0808 285.24)` | Bluebell Frost | black, 8 to 1 |
| 27 | `#959cd2` | `oklch(70.63% 0.0797 278.66)` | Velvet Robe | black, 7.9 to 1 |
| 28 | `#8d9cd0` | `oklch(69.94% 0.0782 272.34)` | Velvet Robe | black, 7.7 to 1 |
| 29 | `#869bcd` | `oklch(69.26% 0.0766 266.47)` | Caribbean Sky | black, 7.6 to 1 |
| 30 | `#809bc9` | `oklch(68.62% 0.0751 261.24)` | Della Robbia Blue | black, 7.4 to 1 |
| 31 | `#7b9bc6` | `oklch(68.09% 0.0739 256.85)` | Della Robbia Blue | black, 7.3 to 1 |
| 32 | `#789ac4` | `oklch(67.72% 0.0730 253.48)` | Blue Promise | black, 7.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9ba2aa 0.0%, #97a1a9 3.2%, #91a0a7 6.5%, #8a9ea4 9.7%, #839d9e 12.9%, #7e9b96 16.1%, #7d9a8c 19.4%, #809882 22.6%, #879679 25.8%, #929572 29.0%, #9f946f 32.3%, #ad9372 35.5%, #b9927a 38.7%, #c29286 41.9%, #c79395 45.2%, #c994a3 48.4%, #c895ae 51.6%, #c597b7 54.8%, #c298bf 58.1%, #be98c4 61.3%, #ba99c9 64.5%, #b699cc 67.7%, #b19acf 71.0%, #ab9ad2 74.2%, #a49bd3 77.4%, #9d9bd3 80.6%, #959cd2 83.9%, #8d9cd0 87.1%, #869bcd 90.3%, #809bc9 93.5%, #7b9bc6 96.8%, #789ac4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.0138 251.72) 0.0%, oklch(70.33% 0.0164 242.49) 3.2%, oklch(69.52% 0.0199 230.35) 6.5%, oklch(68.55% 0.0242 215.91) 9.7%, oklch(67.54% 0.0288 199.76) 12.9%, oklch(66.60% 0.0337 182.52) 16.1%, oklch(65.86% 0.0383 164.79) 19.4%, oklch(65.41% 0.0427 147.18) 22.6%, oklch(65.40% 0.0463 130.19) 25.8%, oklch(65.86% 0.0497 112.16) 29.0%, oklch(66.71% 0.0528 92.82) 32.3%, oklch(67.82% 0.0558 72.86) 35.5%, oklch(69.04% 0.0587 52.98) 38.7%, oklch(70.26% 0.0614 33.85) 41.9%, oklch(71.35% 0.0639 16.17) 45.2%, oklch(72.17% 0.0663 0.63) 48.4%, oklch(72.63% 0.0687 347.81) 51.6%, oklch(72.90% 0.0710 337.36) 54.8%, oklch(73.01% 0.0734 328.80) 58.1%, oklch(72.99% 0.0755 321.66) 61.3%, oklch(72.87% 0.0775 315.50) 64.5%, oklch(72.67% 0.0792 309.87) 67.7%, oklch(72.42% 0.0804 304.32) 71.0%, oklch(72.12% 0.0812 298.40) 74.2%, oklch(71.77% 0.0813 291.89) 77.4%, oklch(71.25% 0.0808 285.24) 80.6%, oklch(70.63% 0.0797 278.66) 83.9%, oklch(69.94% 0.0782 272.34) 87.1%, oklch(69.26% 0.0766 266.47) 90.3%, oklch(68.62% 0.0751 261.24) 93.5%, oklch(68.09% 0.0739 256.85) 96.8%, oklch(67.72% 0.0730 253.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.014 | 251.7 |
| 2 | 0.654 | 0.045 | 134.4 |
| 3 | 0.724 | 0.068 | -6.1 |
| 4 | 0.72 | 0.081 | -63.2 |
| 5 | 0.677 | 0.073 | -106.5 |

## In these collections

- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)

## Other forms

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