# Gray, purple, dark green and brown radial gradient

Gray, purple, dark green and brown radial gradient with 48 colors: #718e9b, #6d879a, #6b7d96, #6c708f, #6e6282, #6f546f, #6e4759, #6a3d43, #64362f, #5e311f, #5b2e15, #5a2b11, #5a2713, #5b241a, #5d2224, #5e222f, #5f233b, #612646, #65294f, #6b2d56, #77335c, #883b64, #9d456a, #b5506d, #cb5d6c, #df6a66, #ed765a, #f28248, #ec8b31, #d98f12, #b58e00, #888619, #587831, #2c643c, #0a4d3c, #003834, #03282a, #051f22, #071d20, #0a2123, #102c29, #1b3a30, #2f4b34, #4b5c36, #6c6b36, #8e763b, #aa7e46, #bc8352. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYoByhLhrVDIlOJcN8kmwrRVOjLo`
- Page: https://grabient.com/kYoByhLhrVDIlOJcN8kmwrRVOjLo?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#718e9b` | `oklch(62.99% 0.0386 226.41)` | Smoky Azurite | black, 6 to 1 |
| 2 | `#6d879a` | `oklch(61.13% 0.0408 239.04)` | Merman | black, 5.6 to 1 |
| 3 | `#6b7d96` | `oklch(58.53% 0.0437 256.92)` | Infinity and Beyond | black, 5 to 1 |
| 4 | `#6c708f` | `oklch(55.39% 0.0472 278.55)` | Royal Intrigue | white, 4.8 to 1 |
| 5 | `#6e6282` | `oklch(51.92% 0.0511 302.39)` | Posy Purple | white, 5.6 to 1 |
| 6 | `#6f546f` | `oklch(48.33% 0.0553 326.95)` | Basil Mauve | white, 6.6 to 1 |
| 7 | `#6e4759` | `oklch(44.82% 0.0595 350.70)` | Annis | white, 7.7 to 1 |
| 8 | `#6a3d43` | `oklch(41.59% 0.0638 12.12)` | Imperial Jewel | white, 8.9 to 1 |
| 9 | `#64362f` | `oklch(38.85% 0.0679 29.71)` | One Dozen | white, 9.9 to 1 |
| 10 | `#5e311f` | `oklch(36.80% 0.0716 41.94)` | Overbaked | white, 10.8 to 1 |
| 11 | `#5b2e15` | `oklch(35.53% 0.0750 47.49)` | Count Chocula | white, 11.3 to 1 |
| 12 | `#5a2b11` | `oklch(34.64% 0.0780 46.81)` | Fudge Brownie | white, 11.7 to 1 |
| 13 | `#5a2713` | `oklch(34.10% 0.0808 41.30)` | Fudge Brownie | white, 12 to 1 |
| 14 | `#5b241a` | `oklch(33.89% 0.0835 32.32)` | Caput Mortuum | white, 12.2 to 1 |
| 15 | `#5d2224` | `oklch(34.02% 0.0862 21.27)` | Red Oxide | white, 12.2 to 1 |
| 16 | `#5e222f` | `oklch(34.49% 0.0890 9.50)` | Wine Country | white, 12 to 1 |
| 17 | `#5f233b` | `oklch(35.30% 0.0919 358.41)` | Wine Country | white, 11.7 to 1 |
| 18 | `#612646` | `oklch(36.45% 0.0951 349.36)` | Plum Caspia | white, 11.2 to 1 |
| 19 | `#65294f` | `oklch(37.94% 0.0987 343.75)` | Velvet Mauve | white, 10.5 to 1 |
| 20 | `#6b2d56` | `oklch(39.79% 0.1029 342.87)` | Velvet Mauve | white, 9.8 to 1 |
| 21 | `#77335c` | `oklch(42.74% 0.1087 345.32)` | Possessed Plum | white, 8.7 to 1 |
| 22 | `#883b64` | `oklch(46.82% 0.1161 349.86)` | Midnight Aubergine | white, 7.3 to 1 |
| 23 | `#9d456a` | `oklch(51.63% 0.1244 356.24)` | Satsuma Imo Red | white, 5.9 to 1 |
| 24 | `#b5506d` | `oklch(56.75% 0.1329 4.19)` | Tulip Red | white, 4.8 to 1 |
| 25 | `#cb5d6c` | `oklch(61.77% 0.1409 13.45)` | Desert Rose | black, 5.3 to 1 |
| 26 | `#df6a66` | `oklch(66.28% 0.1477 23.77)` | Calypso Red | black, 6.3 to 1 |
| 27 | `#ed765a` | `oklch(69.86% 0.1526 34.88)` | Temple of Orange | black, 7.3 to 1 |
| 28 | `#f28248` | `oklch(72.10% 0.1548 46.53)` | Mustard Crusted Salmon | black, 8 to 1 |
| 29 | `#ec8b31` | `oklch(72.59% 0.1536 58.45)` | Goblin Eyes | black, 8.2 to 1 |
| 30 | `#d98f12` | `oklch(70.77% 0.1480 71.88)` | Harvest Eve Gold | black, 7.8 to 1 |
| 31 | `#b58e00` | `oklch(66.50% 0.1359 89.02)` | Cobra Leather | black, 6.8 to 1 |
| 32 | `#888619` | `oklch(60.40% 0.1229 108.71)` | Fickle Pickle | black, 5.4 to 1 |
| 33 | `#587831` | `oklch(53.14% 0.1060 129.60)` | Luscious Lemongrass | white, 5 to 1 |
| 34 | `#2c643c` | `oklch(45.35% 0.0881 150.40)` | Fairway Green | white, 7 to 1 |
| 35 | `#0a4d3c` | `oklch(37.70% 0.0704 169.79)` | Raspberry Leaf Green | white, 9.7 to 1 |
| 36 | `#003834` | `oklch(30.83% 0.0540 186.45)` | Night Turquoise | white, 12.9 to 1 |
| 37 | `#03282a` | `oklch(25.38% 0.0409 199.12)` | Sunken Ship | white, 15.6 to 1 |
| 38 | `#051f22` | `oklch(22.01% 0.0318 206.45)` | Stellar Explorer | white, 17.1 to 1 |
| 39 | `#071d20` | `oklch(21.33% 0.0281 207.09)` | Black Stallion | white, 17.4 to 1 |
| 40 | `#0a2123` | `oklch(23.15% 0.0293 200.32)` | Black Feather | white, 16.6 to 1 |
| 41 | `#102c29` | `oklch(26.93% 0.0343 187.47)` | Guerrilla Forest | white, 14.9 to 1 |
| 42 | `#1b3a30` | `oklch(32.16% 0.0421 170.12)` | Palm Green | white, 12.3 to 1 |
| 43 | `#2f4b34` | `oklch(38.34% 0.0518 149.87)` | Moselle Green | white, 9.6 to 1 |
| 44 | `#4b5c36` | `oklch(44.96% 0.0625 128.32)` | Stinging Nettle | white, 7.2 to 1 |
| 45 | `#6c6b36` | `oklch(51.52% 0.0733 107.05)` | Robinhood | white, 5.5 to 1 |
| 46 | `#8e763b` | `oklch(57.51% 0.0831 87.65)` | Bengal Grass | black, 4.7 to 1 |
| 47 | `#aa7e46` | `oklch(62.42% 0.0912 71.72)` | Mediaeval Gold | black, 5.7 to 1 |
| 48 | `#bc8352` | `oklch(65.75% 0.0965 60.85)` | Southern Barrens Mud | black, 6.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #718e9b 0.0%, #6d879a 2.1%, #6b7d96 4.3%, #6c708f 6.4%, #6e6282 8.5%, #6f546f 10.6%, #6e4759 12.8%, #6a3d43 14.9%, #64362f 17.0%, #5e311f 19.1%, #5b2e15 21.3%, #5a2b11 23.4%, #5a2713 25.5%, #5b241a 27.7%, #5d2224 29.8%, #5e222f 31.9%, #5f233b 34.0%, #612646 36.2%, #65294f 38.3%, #6b2d56 40.4%, #77335c 42.6%, #883b64 44.7%, #9d456a 46.8%, #b5506d 48.9%, #cb5d6c 51.1%, #df6a66 53.2%, #ed765a 55.3%, #f28248 57.4%, #ec8b31 59.6%, #d98f12 61.7%, #b58e00 63.8%, #888619 66.0%, #587831 68.1%, #2c643c 70.2%, #0a4d3c 72.3%, #003834 74.5%, #03282a 76.6%, #051f22 78.7%, #071d20 80.9%, #0a2123 83.0%, #102c29 85.1%, #1b3a30 87.2%, #2f4b34 89.4%, #4b5c36 91.5%, #6c6b36 93.6%, #8e763b 95.7%, #aa7e46 97.9%, #bc8352 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.99% 0.0386 226.41) 0.0%, oklch(61.13% 0.0408 239.04) 2.1%, oklch(58.53% 0.0437 256.92) 4.3%, oklch(55.39% 0.0472 278.55) 6.4%, oklch(51.92% 0.0511 302.39) 8.5%, oklch(48.33% 0.0553 326.95) 10.6%, oklch(44.82% 0.0595 350.70) 12.8%, oklch(41.59% 0.0638 12.12) 14.9%, oklch(38.85% 0.0679 29.71) 17.0%, oklch(36.80% 0.0716 41.94) 19.1%, oklch(35.53% 0.0750 47.49) 21.3%, oklch(34.64% 0.0780 46.81) 23.4%, oklch(34.10% 0.0808 41.30) 25.5%, oklch(33.89% 0.0835 32.32) 27.7%, oklch(34.02% 0.0862 21.27) 29.8%, oklch(34.49% 0.0890 9.50) 31.9%, oklch(35.30% 0.0919 358.41) 34.0%, oklch(36.45% 0.0951 349.36) 36.2%, oklch(37.94% 0.0987 343.75) 38.3%, oklch(39.79% 0.1029 342.87) 40.4%, oklch(42.74% 0.1087 345.32) 42.6%, oklch(46.82% 0.1161 349.86) 44.7%, oklch(51.63% 0.1244 356.24) 46.8%, oklch(56.75% 0.1329 4.19) 48.9%, oklch(61.77% 0.1409 13.45) 51.1%, oklch(66.28% 0.1477 23.77) 53.2%, oklch(69.86% 0.1526 34.88) 55.3%, oklch(72.10% 0.1548 46.53) 57.4%, oklch(72.59% 0.1536 58.45) 59.6%, oklch(70.77% 0.1480 71.88) 61.7%, oklch(66.50% 0.1359 89.02) 63.8%, oklch(60.40% 0.1229 108.71) 66.0%, oklch(53.14% 0.1060 129.60) 68.1%, oklch(45.35% 0.0881 150.40) 70.2%, oklch(37.70% 0.0704 169.79) 72.3%, oklch(30.83% 0.0540 186.45) 74.5%, oklch(25.38% 0.0409 199.12) 76.6%, oklch(22.01% 0.0318 206.45) 78.7%, oklch(21.33% 0.0281 207.09) 80.9%, oklch(23.15% 0.0293 200.32) 83.0%, oklch(26.93% 0.0343 187.47) 85.1%, oklch(32.16% 0.0421 170.12) 87.2%, oklch(38.34% 0.0518 149.87) 89.4%, oklch(44.96% 0.0625 128.32) 91.5%, oklch(51.52% 0.0733 107.05) 93.6%, oklch(57.51% 0.0831 87.65) 95.7%, oklch(62.42% 0.0912 71.72) 97.9%, oklch(65.75% 0.0965 60.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.039 | 226.4 |
| 2 | 0.362 | 0.073 | 405 |
| 3 | 0.394 | 0.102 | 342.6 |
| 4 | 0.724 | 0.153 | 420.8 |
| 5 | 0.213 | 0.029 | 567.7 |
| 6 | 0.657 | 0.096 | 420.8 |

## Other forms

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