# Black, gray, purple and tan radial gradient

Black, gray, purple and tan radial gradient with 56 colors: #212429, #22262c, #22282e, #212a30, #212d32, #213034, #213436, #233837, #273d38, #2c433a, #34493d, #3d5041, #485948, #566553, #677462, #798572, #8c9684, #9fa896, #b1b8a7, #c1c7b6, #ced3c2, #d8dbc9, #deddca, #dfdac4, #dcd0b8, #d7c1a8, #cfad98, #c5988a, #b78380, #a76e79, #955d75, #854f71, #77446e, #6f3e6c, #6c3b69, #6d3a66, #713b62, #773e5e, #7e4359, #844954, #8a5151, #8f5950, #936150, #966952, #997055, #9c7559, #a07b5e, #a68163, #ab8869, #b28e6f, #b89475, #be997a, #c49f80, #caa485, #cea889, #d2ab8c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYQgi5tAyy_GJuq4Ii-yZfJ-GWwK`
- Page: https://grabient.com/kYQgi5tAyy_GJuq4Ii-yZfJ-GWwK?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#212429` | `oklch(25.98% 0.0110 260.86)` | Dark Gunmetal | white, 15.5 to 1 |
| 2 | `#22262c` | `oklch(26.66% 0.0124 254.75)` | Black Beauty | white, 15.2 to 1 |
| 3 | `#22282e` | `oklch(27.34% 0.0143 246.68)` | Black Grey | white, 14.8 to 1 |
| 4 | `#212a30` | `oklch(28.08% 0.0166 237.04)` | Cinder | white, 14.5 to 1 |
| 5 | `#212d32` | `oklch(28.91% 0.0192 226.23)` | Freinacht Black | white, 14 to 1 |
| 6 | `#213034` | `oklch(29.89% 0.0219 214.64)` | Freinacht Black | white, 13.5 to 1 |
| 7 | `#213436` | `oklch(31.04% 0.0246 202.68)` | Cruel Sea | white, 13 to 1 |
| 8 | `#233837` | `oklch(32.41% 0.0273 190.72)` | Kōrainando Green | white, 12.3 to 1 |
| 9 | `#273d38` | `oklch(34.05% 0.0297 179.18)` | Pine Grove | white, 11.5 to 1 |
| 10 | `#2c433a` | `oklch(35.99% 0.0318 168.44)` | Mushiao Green | white, 10.6 to 1 |
| 11 | `#34493d` | `oklch(38.27% 0.0334 158.90)` | Government Green | white, 9.7 to 1 |
| 12 | `#3d5041` | `oklch(40.94% 0.0344 150.96)` | Pine Forest | white, 8.7 to 1 |
| 13 | `#485948` | `oklch(44.44% 0.0346 144.81)` | Grey Asparagus | white, 7.4 to 1 |
| 14 | `#566553` | `oklch(48.98% 0.0338 140.16)` | Lakeside Pine | white, 6.1 to 1 |
| 15 | `#677462` | `oklch(54.27% 0.0324 136.64)` | Bean Counter | white, 4.9 to 1 |
| 16 | `#798572` | `oklch(60.03% 0.0306 133.91)` | Cactus Garden | black, 5.3 to 1 |
| 17 | `#8c9684` | `oklch(65.97% 0.0286 131.59)` | Agreeable Green | black, 6.8 to 1 |
| 18 | `#9fa896` | `oklch(71.81% 0.0266 129.34)` | Coastal Plain | black, 8.4 to 1 |
| 19 | `#b1b8a7` | `oklch(77.25% 0.0249 126.80)` | Dewkissed Rain | black, 10.2 to 1 |
| 20 | `#c1c7b6` | `oklch(82.02% 0.0238 123.61)` | Haggis | black, 12.1 to 1 |
| 21 | `#ced3c2` | `oklch(85.82% 0.0235 119.42)` | Merry Music | black, 13.7 to 1 |
| 22 | `#d8dbc9` | `oklch(88.36% 0.0242 113.86)` | Cool Runnings | black, 14.8 to 1 |
| 23 | `#deddca` | `oklch(89.37% 0.0262 106.57)` | Green White | black, 15.3 to 1 |
| 24 | `#dfdac4` | `oklch(88.55% 0.0298 96.74)` | River Reed | black, 14.9 to 1 |
| 25 | `#dcd0b8` | `oklch(86.04% 0.0351 84.25)` | Lion of Hadrian | black, 13.7 to 1 |
| 26 | `#d7c1a8` | `oklch(82.18% 0.0417 69.81)` | Riviera Retreat | black, 12 to 1 |
| 27 | `#cfad98` | `oklch(77.32% 0.0492 54.13)` | Frappé | black, 10.1 to 1 |
| 28 | `#c5988a` | `oklch(71.80% 0.0572 37.91)` | Persian Bazaar | black, 8.2 to 1 |
| 29 | `#b78380` | `oklch(65.96% 0.0653 21.87)` | Rose Dawn | black, 6.5 to 1 |
| 30 | `#a76e79` | `oklch(60.15% 0.0731 6.72)` | Black Elder | black, 5.1 to 1 |
| 31 | `#955d75` | `oklch(54.72% 0.0802 353.17)` | Glitz and Glamour | white, 5.1 to 1 |
| 32 | `#854f71` | `oklch(50.00% 0.0863 341.93)` | Purple Davenport | white, 6.2 to 1 |
| 33 | `#77446e` | `oklch(46.34% 0.0909 333.70)` | Wood Violet | white, 7.3 to 1 |
| 34 | `#6f3e6c` | `oklch(44.09% 0.0937 329.20)` | Burnt Orchid | white, 8.1 to 1 |
| 35 | `#6c3b69` | `oklch(43.11% 0.0946 328.84)` | Berry Light | white, 8.4 to 1 |
| 36 | `#6d3a66` | `oklch(42.94% 0.0940 332.12)` | Berry Light | white, 8.5 to 1 |
| 37 | `#713b62` | `oklch(43.45% 0.0921 338.36)` | Burnt Orchid | white, 8.3 to 1 |
| 38 | `#773e5e` | `oklch(44.54% 0.0892 346.89)` | Purple Drab | white, 7.9 to 1 |
| 39 | `#7e4359` | `oklch(46.08% 0.0856 357.02)` | Cheerful Wine | white, 7.4 to 1 |
| 40 | `#844954` | `oklch(47.94% 0.0816 8.09)` | Parauri Brown | white, 6.8 to 1 |
| 41 | `#8a5151` | `oklch(50.00% 0.0774 19.42)` | New Roof | white, 6.2 to 1 |
| 42 | `#8f5950` | `oklch(52.15% 0.0734 30.32)` | Rich Brocade | white, 5.6 to 1 |
| 43 | `#936150` | `oklch(54.26% 0.0697 40.12)` | Brown Thrush | white, 5.1 to 1 |
| 44 | `#966952` | `oklch(56.21% 0.0668 48.15)` | Sable Brown | white, 4.7 to 1 |
| 45 | `#997055` | `oklch(57.87% 0.0648 53.74)` | Freckle Face | black, 4.7 to 1 |
| 46 | `#9c7559` | `oklch(59.47% 0.0635 57.27)` | Ranch Brown | black, 5.1 to 1 |
| 47 | `#a07b5e` | `oklch(61.25% 0.0626 59.73)` | Cowgirl Boots | black, 5.5 to 1 |
| 48 | `#a68163` | `oklch(63.17% 0.0620 61.28)` | Medium Wood | black, 5.9 to 1 |
| 49 | `#ab8869` | `oklch(65.16% 0.0617 62.07)` | Chamois Leather | black, 6.4 to 1 |
| 50 | `#b28e6f` | `oklch(67.18% 0.0616 62.26)` | Poncho | black, 6.9 to 1 |
| 51 | `#b89475` | `oklch(69.17% 0.0616 62.03)` | Cinnamon Scone | black, 7.5 to 1 |
| 52 | `#be997a` | `oklch(71.08% 0.0617 61.53)` | Slice of Brioche | black, 8 to 1 |
| 53 | `#c49f80` | `oklch(72.84% 0.0619 60.92)` | Retributor Armour Metal | black, 8.6 to 1 |
| 54 | `#caa485` | `oklch(74.42% 0.0620 60.37)` | Labyrinth Walk | black, 9.1 to 1 |
| 55 | `#cea889` | `oklch(75.74% 0.0621 60.03)` | Autumn Air | black, 9.5 to 1 |
| 56 | `#d2ab8c` | `oklch(76.77% 0.0620 60.08)` | Cliff Brown | black, 9.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #212429 0.0%, #22262c 1.8%, #22282e 3.6%, #212a30 5.5%, #212d32 7.3%, #213034 9.1%, #213436 10.9%, #233837 12.7%, #273d38 14.5%, #2c433a 16.4%, #34493d 18.2%, #3d5041 20.0%, #485948 21.8%, #566553 23.6%, #677462 25.5%, #798572 27.3%, #8c9684 29.1%, #9fa896 30.9%, #b1b8a7 32.7%, #c1c7b6 34.5%, #ced3c2 36.4%, #d8dbc9 38.2%, #deddca 40.0%, #dfdac4 41.8%, #dcd0b8 43.6%, #d7c1a8 45.5%, #cfad98 47.3%, #c5988a 49.1%, #b78380 50.9%, #a76e79 52.7%, #955d75 54.5%, #854f71 56.4%, #77446e 58.2%, #6f3e6c 60.0%, #6c3b69 61.8%, #6d3a66 63.6%, #713b62 65.5%, #773e5e 67.3%, #7e4359 69.1%, #844954 70.9%, #8a5151 72.7%, #8f5950 74.5%, #936150 76.4%, #966952 78.2%, #997055 80.0%, #9c7559 81.8%, #a07b5e 83.6%, #a68163 85.5%, #ab8869 87.3%, #b28e6f 89.1%, #b89475 90.9%, #be997a 92.7%, #c49f80 94.5%, #caa485 96.4%, #cea889 98.2%, #d2ab8c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.98% 0.0110 260.86) 0.0%, oklch(26.66% 0.0124 254.75) 1.8%, oklch(27.34% 0.0143 246.68) 3.6%, oklch(28.08% 0.0166 237.04) 5.5%, oklch(28.91% 0.0192 226.23) 7.3%, oklch(29.89% 0.0219 214.64) 9.1%, oklch(31.04% 0.0246 202.68) 10.9%, oklch(32.41% 0.0273 190.72) 12.7%, oklch(34.05% 0.0297 179.18) 14.5%, oklch(35.99% 0.0318 168.44) 16.4%, oklch(38.27% 0.0334 158.90) 18.2%, oklch(40.94% 0.0344 150.96) 20.0%, oklch(44.44% 0.0346 144.81) 21.8%, oklch(48.98% 0.0338 140.16) 23.6%, oklch(54.27% 0.0324 136.64) 25.5%, oklch(60.03% 0.0306 133.91) 27.3%, oklch(65.97% 0.0286 131.59) 29.1%, oklch(71.81% 0.0266 129.34) 30.9%, oklch(77.25% 0.0249 126.80) 32.7%, oklch(82.02% 0.0238 123.61) 34.5%, oklch(85.82% 0.0235 119.42) 36.4%, oklch(88.36% 0.0242 113.86) 38.2%, oklch(89.37% 0.0262 106.57) 40.0%, oklch(88.55% 0.0298 96.74) 41.8%, oklch(86.04% 0.0351 84.25) 43.6%, oklch(82.18% 0.0417 69.81) 45.5%, oklch(77.32% 0.0492 54.13) 47.3%, oklch(71.80% 0.0572 37.91) 49.1%, oklch(65.96% 0.0653 21.87) 50.9%, oklch(60.15% 0.0731 6.72) 52.7%, oklch(54.72% 0.0802 353.17) 54.5%, oklch(50.00% 0.0863 341.93) 56.4%, oklch(46.34% 0.0909 333.70) 58.2%, oklch(44.09% 0.0937 329.20) 60.0%, oklch(43.11% 0.0946 328.84) 61.8%, oklch(42.94% 0.0940 332.12) 63.6%, oklch(43.45% 0.0921 338.36) 65.5%, oklch(44.54% 0.0892 346.89) 67.3%, oklch(46.08% 0.0856 357.02) 69.1%, oklch(47.94% 0.0816 8.09) 70.9%, oklch(50.00% 0.0774 19.42) 72.7%, oklch(52.15% 0.0734 30.32) 74.5%, oklch(54.26% 0.0697 40.12) 76.4%, oklch(56.21% 0.0668 48.15) 78.2%, oklch(57.87% 0.0648 53.74) 80.0%, oklch(59.47% 0.0635 57.27) 81.8%, oklch(61.25% 0.0626 59.73) 83.6%, oklch(63.17% 0.0620 61.28) 85.5%, oklch(65.16% 0.0617 62.07) 87.3%, oklch(67.18% 0.0616 62.26) 89.1%, oklch(69.17% 0.0616 62.03) 90.9%, oklch(71.08% 0.0617 61.53) 92.7%, oklch(72.84% 0.0619 60.92) 94.5%, oklch(74.42% 0.0620 60.37) 96.4%, oklch(75.74% 0.0621 60.03) 98.2%, oklch(76.77% 0.0620 60.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.011 | 260.9 |
| 2 | 0.409 | 0.034 | 151 |
| 3 | 0.894 | 0.026 | 106.6 |
| 4 | 0.441 | 0.094 | -30.8 |
| 5 | 0.579 | 0.065 | 53.7 |
| 6 | 0.768 | 0.062 | 60.1 |

## Other forms

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