# Gray, purple, blue and peach radial gradient

Gray, purple, blue and peach radial gradient with 32 colors: #b6aa91, #b7a186, #b9947b, #bb8476, #b7737a, #ac6586, #9a5b93, #84559e, #7051a2, #5b4f9f, #474c96, #34488a, #26447d, #1d4172, #1b3f6b, #1e3f6a, #27416f, #39467c, #534d8c, #745499, #985ca0, #bc649e, #d96e96, #ed798b, #f78383, #fb8d7d, #fb967c, #f89e7d, #f3a581, #eeaa86, #eaae8a, #e8b18e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWvBs8wS2vC8eurbtE25h1Eo`
- Page: https://grabient.com/kWvBs8wS2vC8eurbtE25h1Eo?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.6 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 | `#b6aa91` | `oklch(74.02% 0.0372 85.08)` | Universal Khaki | black, 9.1 to 1 |
| 2 | `#b7a186` | `oklch(72.12% 0.0452 72.94)` | Craft Brown | black, 8.4 to 1 |
| 3 | `#b9947b` | `oklch(69.53% 0.0569 55.97)` | Cool Clay | black, 7.6 to 1 |
| 4 | `#bb8476` | `oklch(66.44% 0.0709 35.71)` | Dusky Damask | black, 6.6 to 1 |
| 5 | `#b7737a` | `oklch(63.05% 0.0857 13.73)` | Hollyhock Bloom | black, 5.7 to 1 |
| 6 | `#ac6586` | `oklch(59.57% 0.1001 351.58)` | Wild Mulberry | black, 4.9 to 1 |
| 7 | `#9a5b93` | `oklch(56.20% 0.1125 330.80)` | Bermuda Onion | white, 4.8 to 1 |
| 8 | `#84559e` | `oklch(53.15% 0.1216 312.95)` | Royal Lilac | white, 5.5 to 1 |
| 9 | `#7051a2` | `oklch(50.57% 0.1260 299.42)` | Studio | white, 6.1 to 1 |
| 10 | `#5b4f9f` | `oklch(47.87% 0.1250 287.93)` | Coronation Blue | white, 6.8 to 1 |
| 11 | `#474c96` | `oklch(44.96% 0.1199 277.54)` | Deep Ultramarine | white, 7.7 to 1 |
| 12 | `#34488a` | `oklch(42.11% 0.1121 268.66)` | Truth | white, 8.6 to 1 |
| 13 | `#26447d` | `oklch(39.58% 0.1031 261.67)` | Sodalite Blue | white, 9.4 to 1 |
| 14 | `#1d4172` | `oklch(37.63% 0.0945 257.00)` | Aegean Blue | white, 10.2 to 1 |
| 15 | `#1b3f6b` | `oklch(36.52% 0.0877 255.03)` | Aegean Blue | white, 10.6 to 1 |
| 16 | `#1e3f6a` | `oklch(36.52% 0.0841 256.17)` | Limoges | white, 10.6 to 1 |
| 17 | `#27416f` | `oklch(37.93% 0.0853 261.15)` | Mystification | white, 10.1 to 1 |
| 18 | `#39467c` | `oklch(41.10% 0.0910 271.57)` | Expressionism | white, 8.9 to 1 |
| 19 | `#534d8c` | `oklch(45.61% 0.1000 286.32)` | Purple Corallite | white, 7.4 to 1 |
| 20 | `#745499` | `oklch(50.99% 0.1108 303.88)` | Juneberry | white, 6 to 1 |
| 21 | `#985ca0` | `oklch(56.73% 0.1220 322.71)` | Heath Spotted Orchid | white, 4.7 to 1 |
| 22 | `#bc649e` | `oklch(62.36% 0.1321 341.29)` | Young Purple | black, 5.4 to 1 |
| 23 | `#d96e96` | `oklch(67.38% 0.1396 358.09)` | Paris Pink | black, 6.6 to 1 |
| 24 | `#ed798b` | `oklch(71.30% 0.1432 11.59)` | Flower Blossom Pink | black, 7.7 to 1 |
| 25 | `#f78383` | `oklch(73.94% 0.1417 21.34)` | Shell Pink | black, 8.5 to 1 |
| 26 | `#fb8d7d` | `oklch(75.89% 0.1360 29.28)` | Hot Calypso | black, 9.2 to 1 |
| 27 | `#fb967c` | `oklch(77.29% 0.1273 35.77)` | Parma Ham | black, 9.7 to 1 |
| 28 | `#f89e7d` | `oklch(78.27% 0.1167 41.04)` | Tropical Paradise | black, 10.1 to 1 |
| 29 | `#f3a581` | `oklch(78.95% 0.1055 45.30)` | Coral Silk | black, 10.4 to 1 |
| 30 | `#eeaa86` | `oklch(79.43% 0.0948 48.80)` | Coral Dust | black, 10.7 to 1 |
| 31 | `#eaae8a` | `oklch(79.85% 0.0859 51.77)` | Coral Dust | black, 10.9 to 1 |
| 32 | `#e8b18e` | `oklch(80.31% 0.0799 54.43)` | Trick or Treat | black, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b6aa91 0.0%, #b7a186 3.2%, #b9947b 6.5%, #bb8476 9.7%, #b7737a 12.9%, #ac6586 16.1%, #9a5b93 19.4%, #84559e 22.6%, #7051a2 25.8%, #5b4f9f 29.0%, #474c96 32.3%, #34488a 35.5%, #26447d 38.7%, #1d4172 41.9%, #1b3f6b 45.2%, #1e3f6a 48.4%, #27416f 51.6%, #39467c 54.8%, #534d8c 58.1%, #745499 61.3%, #985ca0 64.5%, #bc649e 67.7%, #d96e96 71.0%, #ed798b 74.2%, #f78383 77.4%, #fb8d7d 80.6%, #fb967c 83.9%, #f89e7d 87.1%, #f3a581 90.3%, #eeaa86 93.5%, #eaae8a 96.8%, #e8b18e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.0372 85.08) 0.0%, oklch(72.12% 0.0452 72.94) 3.2%, oklch(69.53% 0.0569 55.97) 6.5%, oklch(66.44% 0.0709 35.71) 9.7%, oklch(63.05% 0.0857 13.73) 12.9%, oklch(59.57% 0.1001 351.58) 16.1%, oklch(56.20% 0.1125 330.80) 19.4%, oklch(53.15% 0.1216 312.95) 22.6%, oklch(50.57% 0.1260 299.42) 25.8%, oklch(47.87% 0.1250 287.93) 29.0%, oklch(44.96% 0.1199 277.54) 32.3%, oklch(42.11% 0.1121 268.66) 35.5%, oklch(39.58% 0.1031 261.67) 38.7%, oklch(37.63% 0.0945 257.00) 41.9%, oklch(36.52% 0.0877 255.03) 45.2%, oklch(36.52% 0.0841 256.17) 48.4%, oklch(37.93% 0.0853 261.15) 51.6%, oklch(41.10% 0.0910 271.57) 54.8%, oklch(45.61% 0.1000 286.32) 58.1%, oklch(50.99% 0.1108 303.88) 61.3%, oklch(56.73% 0.1220 322.71) 64.5%, oklch(62.36% 0.1321 341.29) 67.7%, oklch(67.38% 0.1396 358.09) 71.0%, oklch(71.30% 0.1432 11.59) 74.2%, oklch(73.94% 0.1417 21.34) 77.4%, oklch(75.89% 0.1360 29.28) 80.6%, oklch(77.29% 0.1273 35.77) 83.9%, oklch(78.27% 0.1167 41.04) 87.1%, oklch(78.95% 0.1055 45.30) 90.3%, oklch(79.43% 0.0948 48.80) 93.5%, oklch(79.85% 0.0859 51.77) 96.8%, oklch(80.31% 0.0799 54.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.037 | 85.1 |
| 2 | 0.512 | 0.125 | -57.6 |
| 3 | 0.37 | 0.084 | -102 |
| 4 | 0.72 | 0.143 | 14.3 |
| 5 | 0.803 | 0.08 | 54.4 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)
- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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