# Pewter and Taupe Aura

Gray radial gradient with 32 colors: #e4e7e8, #dce0e2, #cfd8db, #c1ced3, #b1c3c9, #a1b7bf, #93adb6, #87a3af, #8199aa, #7f90a6, #82859e, #877b92, #897383, #886f74, #846c6a, #816c66, #806c66, #836f6d, #877679, #8a7e86, #8d8791, #8f8f99, #90949c, #8e969c, #889197, #7e898e, #707d83, #617077, #52626b, #445660, #394c58, #314551. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray radial gradient
- Seed: `kW6wKi1g3AsWKUzUhK1MAw_g`
- Page: https://grabient.com/kW6wKi1g3AsWKUzUhK1MAw_g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#e4e7e8` | `oklch(92.52% 0.0028 228.52)` | Silent Delight | black, 16.8 to 1 |
| 2 | `#dce0e2` | `oklch(90.45% 0.0058 227.89)` | Drifting Cloud | black, 15.8 to 1 |
| 3 | `#cfd8db` | `oklch(87.59% 0.0103 225.84)` | Wisteria Snow | black, 14.4 to 1 |
| 4 | `#c1ced3` | `oklch(84.18% 0.0156 223.33)` | Alice White | black, 12.9 to 1 |
| 5 | `#b1c3c9` | `oklch(80.46% 0.0213 221.33)` | Yín Sè Silver | black, 11.4 to 1 |
| 6 | `#a1b7bf` | `oklch(76.65% 0.0268 220.80)` | Languid Blue | black, 10 to 1 |
| 7 | `#93adb6` | `oklch(73.01% 0.0317 222.72)` | Pacific Bliss | black, 8.8 to 1 |
| 8 | `#87a3af` | `oklch(69.76% 0.0355 228.04)` | Blue Alps | black, 7.8 to 1 |
| 9 | `#8199aa` | `oklch(67.11% 0.0376 237.90)` | Beach Umbrella | black, 7 to 1 |
| 10 | `#7f90a6` | `oklch(64.68% 0.0382 255.73)` | Montage | black, 6.4 to 1 |
| 11 | `#82859e` | `oklch(62.34% 0.0378 280.25)` | Velvet Curtain | black, 5.8 to 1 |
| 12 | `#877b92` | `oklch(60.17% 0.0366 308.39)` | Dusky Grape | black, 5.2 to 1 |
| 13 | `#897383` | `oklch(58.25% 0.0348 337.10)` | Faded Orchid | black, 4.8 to 1 |
| 14 | `#886f74` | `oklch(56.66% 0.0326 3.29)` | Pomace Red | white, 4.6 to 1 |
| 15 | `#846c6a` | `oklch(55.50% 0.0304 23.89)` | African Mud | white, 4.8 to 1 |
| 16 | `#816c66` | `oklch(54.84% 0.0284 35.83)` | African Mud | white, 4.9 to 1 |
| 17 | `#806c66` | `oklch(54.87% 0.0267 36.18)` | African Mud | white, 4.9 to 1 |
| 18 | `#836f6d` | `oklch(56.06% 0.0244 24.94)` | Granite Boulder | white, 4.6 to 1 |
| 19 | `#877679` | `oklch(58.13% 0.0218 5.07)` | Choo Choo | black, 4.8 to 1 |
| 20 | `#8a7e86` | `oklch(60.64% 0.0191 339.60)` | Ironbreaker | black, 5.4 to 1 |
| 21 | `#8d8791` | `oklch(63.18% 0.0165 311.61)` | Horseshoe | black, 6 to 1 |
| 22 | `#8f8f99` | `oklch(65.33% 0.0143 284.15)` | Tulle Grey | black, 6.5 to 1 |
| 23 | `#90949c` | `oklch(66.66% 0.0129 260.28)` | Lilac Fields | black, 6.9 to 1 |
| 24 | `#8e969c` | `oklch(66.75% 0.0124 243.05)` | Dusky Grouse | black, 6.9 to 1 |
| 25 | `#889197` | `oklch(65.23% 0.0131 233.73)` | Zodiac | black, 6.5 to 1 |
| 26 | `#7e898e` | `oklch(62.22% 0.0151 228.92)` | London Road | black, 5.8 to 1 |
| 27 | `#707d83` | `oklch(58.16% 0.0179 227.49)` | Taliesin Blue | black, 4.9 to 1 |
| 28 | `#617077` | `oklch(53.51% 0.0213 228.47)` | Goblin Blue | white, 5.1 to 1 |
| 29 | `#52626b` | `oklch(48.69% 0.0249 230.88)` | Lithic Sand | white, 6.3 to 1 |
| 30 | `#445660` | `oklch(44.17% 0.0283 233.75)` | Good Night! | white, 7.6 to 1 |
| 31 | `#394c58` | `oklch(40.39% 0.0312 236.10)` | Pacific Spirit | white, 8.9 to 1 |
| 32 | `#314551` | `oklch(37.80% 0.0331 236.97)` | Gale Force | white, 10 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e4e7e8 0.0%, #dce0e2 3.2%, #cfd8db 6.5%, #c1ced3 9.7%, #b1c3c9 12.9%, #a1b7bf 16.1%, #93adb6 19.4%, #87a3af 22.6%, #8199aa 25.8%, #7f90a6 29.0%, #82859e 32.3%, #877b92 35.5%, #897383 38.7%, #886f74 41.9%, #846c6a 45.2%, #816c66 48.4%, #806c66 51.6%, #836f6d 54.8%, #877679 58.1%, #8a7e86 61.3%, #8d8791 64.5%, #8f8f99 67.7%, #90949c 71.0%, #8e969c 74.2%, #889197 77.4%, #7e898e 80.6%, #707d83 83.9%, #617077 87.1%, #52626b 90.3%, #445660 93.5%, #394c58 96.8%, #314551 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.52% 0.0028 228.52) 0.0%, oklch(90.45% 0.0058 227.89) 3.2%, oklch(87.59% 0.0103 225.84) 6.5%, oklch(84.18% 0.0156 223.33) 9.7%, oklch(80.46% 0.0213 221.33) 12.9%, oklch(76.65% 0.0268 220.80) 16.1%, oklch(73.01% 0.0317 222.72) 19.4%, oklch(69.76% 0.0355 228.04) 22.6%, oklch(67.11% 0.0376 237.90) 25.8%, oklch(64.68% 0.0382 255.73) 29.0%, oklch(62.34% 0.0378 280.25) 32.3%, oklch(60.17% 0.0366 308.39) 35.5%, oklch(58.25% 0.0348 337.10) 38.7%, oklch(56.66% 0.0326 3.29) 41.9%, oklch(55.50% 0.0304 23.89) 45.2%, oklch(54.84% 0.0284 35.83) 48.4%, oklch(54.87% 0.0267 36.18) 51.6%, oklch(56.06% 0.0244 24.94) 54.8%, oklch(58.13% 0.0218 5.07) 58.1%, oklch(60.64% 0.0191 339.60) 61.3%, oklch(63.18% 0.0165 311.61) 64.5%, oklch(65.33% 0.0143 284.15) 67.7%, oklch(66.66% 0.0129 260.28) 71.0%, oklch(66.75% 0.0124 243.05) 74.2%, oklch(65.23% 0.0131 233.73) 77.4%, oklch(62.22% 0.0151 228.92) 80.6%, oklch(58.16% 0.0179 227.49) 83.9%, oklch(53.51% 0.0213 228.47) 87.1%, oklch(48.69% 0.0249 230.88) 90.3%, oklch(44.17% 0.0283 233.75) 93.5%, oklch(40.39% 0.0312 236.10) 96.8%, oklch(37.80% 0.0331 236.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.003 | 228.5 |
| 2 | 0.677 | 0.037 | 234.9 |
| 3 | 0.547 | 0.028 | 397.6 |
| 4 | 0.665 | 0.012 | 240.1 |
| 5 | 0.378 | 0.033 | 237 |

## In these collections

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

## Other forms

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