# Moss chestnut shadow rings

Brown to gray radial gradient with 64 colors: #684330, #694330, #694330, #6a422f, #6b422f, #6c412f, #6d402f, #6e402e, #6f3f2e, #703e2e, #723d2e, #733c2e, #743c2e, #753b2e, #763a2e, #773a2e, #77392e, #78392e, #78382d, #79382c, #79382b, #79392a, #793928, #793a26, #783c24, #773d21, #763f1e, #75411b, #734319, #714517, #6f4716, #6c4a16, #694c17, #664e19, #64501c, #61511f, #5e5322, #5c5425, #5a5528, #58552b, #56562d, #55562f, #555531, #555532, #555433, #555333, #555234, #565135, #565036, #564e37, #564d38, #564b39, #554a3a, #55493b, #54483c, #52473d, #51463e, #50453f, #4e4440, #4d4440, #4b4341, #4a4341, #494341, #474342. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown to gray radial gradient
- Seed: `kUaysiNiI-TgUSMxArag`
- Page: https://grabient.com/kUaysiNiI-TgUSMxArag?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: even lightness, warm
- Hues: wide
- 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 | `#684330` | `oklch(42.13% 0.0593 47.81)` | Triassic | white, 8.6 to 1 |
| 2 | `#694330` | `oklch(42.13% 0.0602 47.36)` | Aloeswood | white, 8.6 to 1 |
| 3 | `#694330` | `oklch(42.14% 0.0615 46.68)` | Aloeswood | white, 8.6 to 1 |
| 4 | `#6a422f` | `oklch(42.15% 0.0630 45.79)` | Aloeswood | white, 8.6 to 1 |
| 5 | `#6b422f` | `oklch(42.16% 0.0647 44.75)` | Aloeswood | white, 8.6 to 1 |
| 6 | `#6c412f` | `oklch(42.17% 0.0667 43.57)` | Heartwood | white, 8.6 to 1 |
| 7 | `#6d402f` | `oklch(42.18% 0.0687 42.30)` | Heartwood | white, 8.6 to 1 |
| 8 | `#6e402e` | `oklch(42.18% 0.0709 40.96)` | Heartwood | white, 8.6 to 1 |
| 9 | `#6f3f2e` | `oklch(42.19% 0.0731 39.59)` | Red Mane | white, 8.6 to 1 |
| 10 | `#703e2e` | `oklch(42.21% 0.0754 38.23)` | Red Mane | white, 8.6 to 1 |
| 11 | `#723d2e` | `oklch(42.22% 0.0777 36.90)` | Cowboy Suede | white, 8.6 to 1 |
| 12 | `#733c2e` | `oklch(42.23% 0.0800 35.63)` | Brass Scorpion | white, 8.6 to 1 |
| 13 | `#743c2e` | `oklch(42.25% 0.0822 34.47)` | Brass Scorpion | white, 8.6 to 1 |
| 14 | `#753b2e` | `oklch(42.27% 0.0844 33.45)` | Brass Scorpion | white, 8.6 to 1 |
| 15 | `#763a2e` | `oklch(42.29% 0.0864 32.59)` | Capsicum Red | white, 8.7 to 1 |
| 16 | `#773a2e` | `oklch(42.31% 0.0882 31.93)` | Brass Scorpion | white, 8.7 to 1 |
| 17 | `#77392e` | `oklch(42.34% 0.0898 31.51)` | Capsicum Red | white, 8.7 to 1 |
| 18 | `#78392e` | `oklch(42.37% 0.0912 31.35)` | Smoked Paprika | white, 8.6 to 1 |
| 19 | `#78382d` | `oklch(42.40% 0.0923 31.50)` | Capsicum Red | white, 8.6 to 1 |
| 20 | `#79382c` | `oklch(42.43% 0.0931 31.98)` | Roycroft Copper Red | white, 8.6 to 1 |
| 21 | `#79382b` | `oklch(42.48% 0.0936 32.83)` | Roycroft Copper Red | white, 8.6 to 1 |
| 22 | `#79392a` | `oklch(42.52% 0.0937 34.07)` | Roycroft Copper Red | white, 8.6 to 1 |
| 23 | `#793928` | `oklch(42.58% 0.0935 35.90)` | Roycroft Copper Red | white, 8.6 to 1 |
| 24 | `#793a26` | `oklch(42.65% 0.0929 38.39)` | Bootstrap Leather | white, 8.5 to 1 |
| 25 | `#783c24` | `oklch(42.74% 0.0921 41.48)` | Kara Cha Brown | white, 8.5 to 1 |
| 26 | `#773d21` | `oklch(42.85% 0.0911 45.08)` | Kara Cha Brown | white, 8.4 to 1 |
| 27 | `#763f1e` | `oklch(42.97% 0.0898 49.11)` | Walnut | white, 8.3 to 1 |
| 28 | `#75411b` | `oklch(43.09% 0.0883 53.51)` | Walnut | white, 8.3 to 1 |
| 29 | `#734319` | `oklch(43.22% 0.0866 58.18)` | Sepia | white, 8.2 to 1 |
| 30 | `#714517` | `oklch(43.35% 0.0848 63.06)` | Sepia | white, 8.1 to 1 |
| 31 | `#6f4716` | `oklch(43.48% 0.0828 68.06)` | Vintage Wood | white, 8 to 1 |
| 32 | `#6c4a16` | `oklch(43.61% 0.0807 73.10)` | Antique Bronze | white, 8 to 1 |
| 33 | `#694c17` | `oklch(43.74% 0.0785 78.11)` | Antique Bronze | white, 7.9 to 1 |
| 34 | `#664e19` | `oklch(43.85% 0.0762 83.01)` | Black Queen | white, 7.8 to 1 |
| 35 | `#64501c` | `oklch(43.96% 0.0738 87.72)` | Field Drab | white, 7.8 to 1 |
| 36 | `#61511f` | `oklch(44.05% 0.0714 92.16)` | Tucumán Green | white, 7.7 to 1 |
| 37 | `#5e5322` | `oklch(44.13% 0.0690 96.25)` | Tucumán Green | white, 7.7 to 1 |
| 38 | `#5c5425` | `oklch(44.18% 0.0665 99.91)` | Tucumán Green | white, 7.6 to 1 |
| 39 | `#5a5528` | `oklch(44.22% 0.0641 103.07)` | Tucumán Green | white, 7.6 to 1 |
| 40 | `#58552b` | `oklch(44.23% 0.0618 105.65)` | Tucumán Green | white, 7.6 to 1 |
| 41 | `#56562d` | `oklch(44.22% 0.0595 107.57)` | Soldier Green | white, 7.6 to 1 |
| 42 | `#55562f` | `oklch(44.17% 0.0572 108.74)` | Dark Rainforest | white, 7.6 to 1 |
| 43 | `#555531` | `oklch(44.09% 0.0551 109.10)` | Bronze Icon | white, 7.6 to 1 |
| 44 | `#555532` | `oklch(43.98% 0.0530 108.60)` | Bronze Icon | white, 7.7 to 1 |
| 45 | `#555433` | `oklch(43.82% 0.0507 107.31)` | Avocado Pear | white, 7.7 to 1 |
| 46 | `#555333` | `oklch(43.63% 0.0483 105.29)` | Avocado Pear | white, 7.8 to 1 |
| 47 | `#555234` | `oklch(43.41% 0.0458 102.62)` | Avocado Pear | white, 7.9 to 1 |
| 48 | `#565135` | `oklch(43.15% 0.0433 99.39)` | Avocado Pear | white, 8 to 1 |
| 49 | `#565036` | `oklch(42.88% 0.0406 95.65)` | Panda | white, 8.1 to 1 |
| 50 | `#564e37` | `oklch(42.58% 0.0380 91.49)` | Tǔ Hēi Black | white, 8.2 to 1 |
| 51 | `#564d38` | `oklch(42.26% 0.0353 86.99)` | Tǔ Hēi Black | white, 8.3 to 1 |
| 52 | `#564b39` | `oklch(41.94% 0.0326 82.21)` | Metallic Bronze | white, 8.4 to 1 |
| 53 | `#554a3a` | `oklch(41.61% 0.0299 77.23)` | Metallic Bronze | white, 8.6 to 1 |
| 54 | `#55493b` | `oklch(41.27% 0.0273 72.13)` | Metallic Bronze | white, 8.7 to 1 |
| 55 | `#54483c` | `oklch(40.93% 0.0247 66.99)` | Kuri Black | white, 8.8 to 1 |
| 56 | `#52473d` | `oklch(40.60% 0.0222 61.87)` | Rave Raisin | white, 9 to 1 |
| 57 | `#51463e` | `oklch(40.27% 0.0198 56.85)` | Rave Raisin | white, 9.1 to 1 |
| 58 | `#50453f` | `oklch(39.96% 0.0174 52.01)` | Dark Granite | white, 9.2 to 1 |
| 59 | `#4e4440` | `oklch(39.67% 0.0152 47.43)` | Dark Granite | white, 9.3 to 1 |
| 60 | `#4d4440` | `oklch(39.39% 0.0132 43.17)` | Phantom Mist | white, 9.4 to 1 |
| 61 | `#4b4341` | `oklch(39.14% 0.0113 39.31)` | Phantom Mist | white, 9.5 to 1 |
| 62 | `#4a4341` | `oklch(38.92% 0.0096 35.93)` | Phantom Mist | white, 9.6 to 1 |
| 63 | `#494341` | `oklch(38.73% 0.0082 33.11)` | Sweet Molasses | white, 9.7 to 1 |
| 64 | `#474342` | `oklch(38.58% 0.0069 30.90)` | Evening Canyon | white, 9.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #684330 0.0%, #694330 1.6%, #694330 3.2%, #6a422f 4.8%, #6b422f 6.3%, #6c412f 7.9%, #6d402f 9.5%, #6e402e 11.1%, #6f3f2e 12.7%, #703e2e 14.3%, #723d2e 15.9%, #733c2e 17.5%, #743c2e 19.0%, #753b2e 20.6%, #763a2e 22.2%, #773a2e 23.8%, #77392e 25.4%, #78392e 27.0%, #78382d 28.6%, #79382c 30.2%, #79382b 31.7%, #79392a 33.3%, #793928 34.9%, #793a26 36.5%, #783c24 38.1%, #773d21 39.7%, #763f1e 41.3%, #75411b 42.9%, #734319 44.4%, #714517 46.0%, #6f4716 47.6%, #6c4a16 49.2%, #694c17 50.8%, #664e19 52.4%, #64501c 54.0%, #61511f 55.6%, #5e5322 57.1%, #5c5425 58.7%, #5a5528 60.3%, #58552b 61.9%, #56562d 63.5%, #55562f 65.1%, #555531 66.7%, #555532 68.3%, #555433 69.8%, #555333 71.4%, #555234 73.0%, #565135 74.6%, #565036 76.2%, #564e37 77.8%, #564d38 79.4%, #564b39 81.0%, #554a3a 82.5%, #55493b 84.1%, #54483c 85.7%, #52473d 87.3%, #51463e 88.9%, #50453f 90.5%, #4e4440 92.1%, #4d4440 93.7%, #4b4341 95.2%, #4a4341 96.8%, #494341 98.4%, #474342 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.13% 0.0593 47.81) 0.0%, oklch(42.13% 0.0602 47.36) 1.6%, oklch(42.14% 0.0615 46.68) 3.2%, oklch(42.15% 0.0630 45.79) 4.8%, oklch(42.16% 0.0647 44.75) 6.3%, oklch(42.17% 0.0667 43.57) 7.9%, oklch(42.18% 0.0687 42.30) 9.5%, oklch(42.18% 0.0709 40.96) 11.1%, oklch(42.19% 0.0731 39.59) 12.7%, oklch(42.21% 0.0754 38.23) 14.3%, oklch(42.22% 0.0777 36.90) 15.9%, oklch(42.23% 0.0800 35.63) 17.5%, oklch(42.25% 0.0822 34.47) 19.0%, oklch(42.27% 0.0844 33.45) 20.6%, oklch(42.29% 0.0864 32.59) 22.2%, oklch(42.31% 0.0882 31.93) 23.8%, oklch(42.34% 0.0898 31.51) 25.4%, oklch(42.37% 0.0912 31.35) 27.0%, oklch(42.40% 0.0923 31.50) 28.6%, oklch(42.43% 0.0931 31.98) 30.2%, oklch(42.48% 0.0936 32.83) 31.7%, oklch(42.52% 0.0937 34.07) 33.3%, oklch(42.58% 0.0935 35.90) 34.9%, oklch(42.65% 0.0929 38.39) 36.5%, oklch(42.74% 0.0921 41.48) 38.1%, oklch(42.85% 0.0911 45.08) 39.7%, oklch(42.97% 0.0898 49.11) 41.3%, oklch(43.09% 0.0883 53.51) 42.9%, oklch(43.22% 0.0866 58.18) 44.4%, oklch(43.35% 0.0848 63.06) 46.0%, oklch(43.48% 0.0828 68.06) 47.6%, oklch(43.61% 0.0807 73.10) 49.2%, oklch(43.74% 0.0785 78.11) 50.8%, oklch(43.85% 0.0762 83.01) 52.4%, oklch(43.96% 0.0738 87.72) 54.0%, oklch(44.05% 0.0714 92.16) 55.6%, oklch(44.13% 0.0690 96.25) 57.1%, oklch(44.18% 0.0665 99.91) 58.7%, oklch(44.22% 0.0641 103.07) 60.3%, oklch(44.23% 0.0618 105.65) 61.9%, oklch(44.22% 0.0595 107.57) 63.5%, oklch(44.17% 0.0572 108.74) 65.1%, oklch(44.09% 0.0551 109.10) 66.7%, oklch(43.98% 0.0530 108.60) 68.3%, oklch(43.82% 0.0507 107.31) 69.8%, oklch(43.63% 0.0483 105.29) 71.4%, oklch(43.41% 0.0458 102.62) 73.0%, oklch(43.15% 0.0433 99.39) 74.6%, oklch(42.88% 0.0406 95.65) 76.2%, oklch(42.58% 0.0380 91.49) 77.8%, oklch(42.26% 0.0353 86.99) 79.4%, oklch(41.94% 0.0326 82.21) 81.0%, oklch(41.61% 0.0299 77.23) 82.5%, oklch(41.27% 0.0273 72.13) 84.1%, oklch(40.93% 0.0247 66.99) 85.7%, oklch(40.60% 0.0222 61.87) 87.3%, oklch(40.27% 0.0198 56.85) 88.9%, oklch(39.96% 0.0174 52.01) 90.5%, oklch(39.67% 0.0152 47.43) 92.1%, oklch(39.39% 0.0132 43.17) 93.7%, oklch(39.14% 0.0113 39.31) 95.2%, oklch(38.92% 0.0096 35.93) 96.8%, oklch(38.73% 0.0082 33.11) 98.4%, oklch(38.58% 0.0069 30.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.059 | 47.8 |
| 2 | 0.425 | 0.094 | 34.1 |
| 3 | 0.441 | 0.055 | 109.1 |
| 4 | 0.386 | 0.007 | 30.9 |

## In these collections

- [Mushroom foraging basket](https://grabient.com/mushroom-foraging-basket)

## Other forms

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