# Sage rust mushroom rings

Analogous tan, salmon and gray radial gradient with 64 colors: #c8b97b, #c7b779, #c6b578, #c4b376, #c2b073, #c1ad71, #beaa6f, #bca66c, #baa369, #b89f67, #b59c64, #b39861, #b0945e, #ae915c, #ac8d59, #aa8a57, #a88755, #a78453, #a68251, #a57f4f, #a47d4d, #a47c4c, #a47a4b, #a5794a, #a7784a, #a97749, #ac7649, #ae7549, #b1744a, #b4734b, #b8734c, #bb724e, #be7250, #c17152, #c47154, #c77155, #c97157, #cb7258, #cd7259, #ce735a, #cf7459, #cf7558, #cf7657, #cd7854, #cb7a51, #c87d4f, #c4804c, #bf834b, #b9874b, #b38a4d, #ac8d50, #a59055, #9e935b, #979562, #919669, #8c9770, #889876, #85987c, #839781, #829785, #829688, #83968b, #84958c, #85948e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous tan, salmon and gray radial gradient
- Seed: `kUxzxEzh281OrvHTB87g`
- Page: https://grabient.com/kUxzxEzh281OrvHTB87g?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#c8b97b` | `oklch(78.35% 0.0827 96.33)` | Olive Marinade | black, 10.6 to 1 |
| 2 | `#c7b779` | `oklch(77.88% 0.0826 95.64)` | Olive Marinade | black, 10.4 to 1 |
| 3 | `#c6b578` | `oklch(77.31% 0.0824 94.85)` | Olive Marinade | black, 10.2 to 1 |
| 4 | `#c4b376` | `oklch(76.63% 0.0822 93.97)` | Cool Avocado | black, 10 to 1 |
| 5 | `#c2b073` | `oklch(75.87% 0.0819 92.99)` | Fresh Peas | black, 9.7 to 1 |
| 6 | `#c1ad71` | `oklch(75.03% 0.0816 91.93)` | Dried Moss | black, 9.4 to 1 |
| 7 | `#beaa6f` | `oklch(74.12% 0.0812 90.80)` | Coriander Seed | black, 9.1 to 1 |
| 8 | `#bca66c` | `oklch(73.17% 0.0808 89.60)` | Southern Moss | black, 8.8 to 1 |
| 9 | `#baa369` | `oklch(72.18% 0.0805 88.33)` | Horn of Plenty | black, 8.5 to 1 |
| 10 | `#b89f67` | `oklch(71.16% 0.0801 87.02)` | Grainfield | black, 8.1 to 1 |
| 11 | `#b59c64` | `oklch(70.13% 0.0797 85.66)` | Golden Moss | black, 7.8 to 1 |
| 12 | `#b39861` | `oklch(69.10% 0.0794 84.27)` | Edgy Gold | black, 7.5 to 1 |
| 13 | `#b0945e` | `oklch(68.07% 0.0792 82.84)` | Sconce | black, 7.2 to 1 |
| 14 | `#ae915c` | `oklch(67.08% 0.0790 81.39)` | Brazilian Citrine | black, 6.9 to 1 |
| 15 | `#ac8d59` | `oklch(66.11% 0.0788 79.93)` | Hawk Feather | black, 6.7 to 1 |
| 16 | `#aa8a57` | `oklch(65.20% 0.0788 78.46)` | Golden Quartz Ochre | black, 6.4 to 1 |
| 17 | `#a88755` | `oklch(64.34% 0.0789 76.99)` | Chicory | black, 6.2 to 1 |
| 18 | `#a78453` | `oklch(63.56% 0.0791 75.53)` | Leather Tan | black, 6 to 1 |
| 19 | `#a68251` | `oklch(62.87% 0.0794 74.08)` | Hamster Fur | black, 5.9 to 1 |
| 20 | `#a57f4f` | `oklch(62.27% 0.0799 72.66)` | Forbidden Peanut | black, 5.7 to 1 |
| 21 | `#a47d4d` | `oklch(61.78% 0.0805 71.26)` | Tosty Crust | black, 5.6 to 1 |
| 22 | `#a47c4c` | `oklch(61.42% 0.0813 69.91)` | Crackled Leather | black, 5.5 to 1 |
| 23 | `#a47a4b` | `oklch(61.17% 0.0824 68.40)` | Butter Caramel | black, 5.4 to 1 |
| 24 | `#a5794a` | `oklch(61.02% 0.0840 66.57)` | Butter Caramel | black, 5.4 to 1 |
| 25 | `#a7784a` | `oklch(60.96% 0.0859 64.48)` | Butter Caramel | black, 5.4 to 1 |
| 26 | `#a97749` | `oklch(60.98% 0.0882 62.17)` | Meerkat | black, 5.4 to 1 |
| 27 | `#ac7649` | `oklch(61.08% 0.0907 59.71)` | Meerkat | black, 5.4 to 1 |
| 28 | `#ae7549` | `oklch(61.24% 0.0934 57.13)` | Meerkat | black, 5.4 to 1 |
| 29 | `#b1744a` | `oklch(61.46% 0.0963 54.49)` | Baked Bean | black, 5.4 to 1 |
| 30 | `#b4734b` | `oklch(61.73% 0.0993 51.84)` | Baked Bean | black, 5.5 to 1 |
| 31 | `#b8734c` | `oklch(62.03% 0.1023 49.24)` | Pottery Clay | black, 5.5 to 1 |
| 32 | `#bb724e` | `oklch(62.37% 0.1052 46.74)` | Pottery Clay | black, 5.6 to 1 |
| 33 | `#be7250` | `oklch(62.73% 0.1081 44.38)` | Firenze | black, 5.7 to 1 |
| 34 | `#c17152` | `oklch(63.11% 0.1109 42.22)` | Spice Route | black, 5.7 to 1 |
| 35 | `#c47154` | `oklch(63.49% 0.1134 40.32)` | Spanish Peanut | black, 5.8 to 1 |
| 36 | `#c77155` | `oklch(63.87% 0.1157 38.72)` | Spanish Peanut | black, 5.9 to 1 |
| 37 | `#c97157` | `oklch(64.24% 0.1177 37.47)` | Dusted Clay | black, 6 to 1 |
| 38 | `#cb7258` | `oklch(64.58% 0.1194 36.63)` | Dusted Clay | black, 6 to 1 |
| 39 | `#cd7259` | `oklch(64.91% 0.1205 36.24)` | Japonica | black, 6.1 to 1 |
| 40 | `#ce735a` | `oklch(65.19% 0.1213 36.37)` | Japonica | black, 6.2 to 1 |
| 41 | `#cf7459` | `oklch(65.43% 0.1214 37.05)` | Japonica | black, 6.2 to 1 |
| 42 | `#cf7558` | `oklch(65.62% 0.1210 38.36)` | Dusted Clay | black, 6.3 to 1 |
| 43 | `#cf7657` | `oklch(65.75% 0.1199 40.32)` | Nicotine Glaze | black, 6.3 to 1 |
| 44 | `#cd7854` | `oklch(65.83% 0.1180 43.12)` | Brandied Melon | black, 6.4 to 1 |
| 45 | `#cb7a51` | `oklch(65.89% 0.1154 46.82)` | Challah Bread | black, 6.4 to 1 |
| 46 | `#c87d4f` | `oklch(65.94% 0.1121 51.34)` | Fuegan Orange | black, 6.4 to 1 |
| 47 | `#c4804c` | `oklch(65.96% 0.1081 56.58)` | Fuegan Orange | black, 6.5 to 1 |
| 48 | `#bf834b` | `oklch(65.97% 0.1036 62.44)` | Sweet Tea | black, 6.5 to 1 |
| 49 | `#b9874b` | `oklch(65.97% 0.0987 68.85)` | Funchal Yellow | black, 6.6 to 1 |
| 50 | `#b38a4d` | `oklch(65.95% 0.0933 75.70)` | Honey Mustard | black, 6.6 to 1 |
| 51 | `#ac8d50` | `oklch(65.93% 0.0877 82.91)` | Golden Years | black, 6.6 to 1 |
| 52 | `#a59055` | `oklch(65.89% 0.0818 90.38)` | Salted Capers | black, 6.7 to 1 |
| 53 | `#9e935b` | `oklch(65.85% 0.0757 98.02)` | Tirol | black, 6.7 to 1 |
| 54 | `#979562` | `oklch(65.80% 0.0696 105.74)` | Rhind Papyrus | black, 6.7 to 1 |
| 55 | `#919669` | `oklch(65.74% 0.0635 113.45)` | Boston Fern | black, 6.7 to 1 |
| 56 | `#8c9770` | `oklch(65.69% 0.0574 121.05)` | Boston Fern | black, 6.7 to 1 |
| 57 | `#889876` | `oklch(65.63% 0.0515 128.46)` | Backyard | black, 6.7 to 1 |
| 58 | `#85987c` | `oklch(65.58% 0.0458 135.58)` | Laurel Tree | black, 6.7 to 1 |
| 59 | `#839781` | `oklch(65.52% 0.0404 142.32)` | Dinosaur | black, 6.7 to 1 |
| 60 | `#829785` | `oklch(65.47% 0.0354 148.59)` | Pointed Cabbage Green | black, 6.7 to 1 |
| 61 | `#829688` | `oklch(65.43% 0.0308 154.30)` | Pointed Cabbage Green | black, 6.6 to 1 |
| 62 | `#83968b` | `oklch(65.40% 0.0268 159.35)` | Underground Gardens | black, 6.6 to 1 |
| 63 | `#84958c` | `oklch(65.37% 0.0234 163.66)` | Zinc Blue | black, 6.6 to 1 |
| 64 | `#85948e` | `oklch(65.35% 0.0207 167.13)` | Zinc Blue | black, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c8b97b 0.0%, #c7b779 1.6%, #c6b578 3.2%, #c4b376 4.8%, #c2b073 6.3%, #c1ad71 7.9%, #beaa6f 9.5%, #bca66c 11.1%, #baa369 12.7%, #b89f67 14.3%, #b59c64 15.9%, #b39861 17.5%, #b0945e 19.0%, #ae915c 20.6%, #ac8d59 22.2%, #aa8a57 23.8%, #a88755 25.4%, #a78453 27.0%, #a68251 28.6%, #a57f4f 30.2%, #a47d4d 31.7%, #a47c4c 33.3%, #a47a4b 34.9%, #a5794a 36.5%, #a7784a 38.1%, #a97749 39.7%, #ac7649 41.3%, #ae7549 42.9%, #b1744a 44.4%, #b4734b 46.0%, #b8734c 47.6%, #bb724e 49.2%, #be7250 50.8%, #c17152 52.4%, #c47154 54.0%, #c77155 55.6%, #c97157 57.1%, #cb7258 58.7%, #cd7259 60.3%, #ce735a 61.9%, #cf7459 63.5%, #cf7558 65.1%, #cf7657 66.7%, #cd7854 68.3%, #cb7a51 69.8%, #c87d4f 71.4%, #c4804c 73.0%, #bf834b 74.6%, #b9874b 76.2%, #b38a4d 77.8%, #ac8d50 79.4%, #a59055 81.0%, #9e935b 82.5%, #979562 84.1%, #919669 85.7%, #8c9770 87.3%, #889876 88.9%, #85987c 90.5%, #839781 92.1%, #829785 93.7%, #829688 95.2%, #83968b 96.8%, #84958c 98.4%, #85948e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.0827 96.33) 0.0%, oklch(77.88% 0.0826 95.64) 1.6%, oklch(77.31% 0.0824 94.85) 3.2%, oklch(76.63% 0.0822 93.97) 4.8%, oklch(75.87% 0.0819 92.99) 6.3%, oklch(75.03% 0.0816 91.93) 7.9%, oklch(74.12% 0.0812 90.80) 9.5%, oklch(73.17% 0.0808 89.60) 11.1%, oklch(72.18% 0.0805 88.33) 12.7%, oklch(71.16% 0.0801 87.02) 14.3%, oklch(70.13% 0.0797 85.66) 15.9%, oklch(69.10% 0.0794 84.27) 17.5%, oklch(68.07% 0.0792 82.84) 19.0%, oklch(67.08% 0.0790 81.39) 20.6%, oklch(66.11% 0.0788 79.93) 22.2%, oklch(65.20% 0.0788 78.46) 23.8%, oklch(64.34% 0.0789 76.99) 25.4%, oklch(63.56% 0.0791 75.53) 27.0%, oklch(62.87% 0.0794 74.08) 28.6%, oklch(62.27% 0.0799 72.66) 30.2%, oklch(61.78% 0.0805 71.26) 31.7%, oklch(61.42% 0.0813 69.91) 33.3%, oklch(61.17% 0.0824 68.40) 34.9%, oklch(61.02% 0.0840 66.57) 36.5%, oklch(60.96% 0.0859 64.48) 38.1%, oklch(60.98% 0.0882 62.17) 39.7%, oklch(61.08% 0.0907 59.71) 41.3%, oklch(61.24% 0.0934 57.13) 42.9%, oklch(61.46% 0.0963 54.49) 44.4%, oklch(61.73% 0.0993 51.84) 46.0%, oklch(62.03% 0.1023 49.24) 47.6%, oklch(62.37% 0.1052 46.74) 49.2%, oklch(62.73% 0.1081 44.38) 50.8%, oklch(63.11% 0.1109 42.22) 52.4%, oklch(63.49% 0.1134 40.32) 54.0%, oklch(63.87% 0.1157 38.72) 55.6%, oklch(64.24% 0.1177 37.47) 57.1%, oklch(64.58% 0.1194 36.63) 58.7%, oklch(64.91% 0.1205 36.24) 60.3%, oklch(65.19% 0.1213 36.37) 61.9%, oklch(65.43% 0.1214 37.05) 63.5%, oklch(65.62% 0.1210 38.36) 65.1%, oklch(65.75% 0.1199 40.32) 66.7%, oklch(65.83% 0.1180 43.12) 68.3%, oklch(65.89% 0.1154 46.82) 69.8%, oklch(65.94% 0.1121 51.34) 71.4%, oklch(65.96% 0.1081 56.58) 73.0%, oklch(65.97% 0.1036 62.44) 74.6%, oklch(65.97% 0.0987 68.85) 76.2%, oklch(65.95% 0.0933 75.70) 77.8%, oklch(65.93% 0.0877 82.91) 79.4%, oklch(65.89% 0.0818 90.38) 81.0%, oklch(65.85% 0.0757 98.02) 82.5%, oklch(65.80% 0.0696 105.74) 84.1%, oklch(65.74% 0.0635 113.45) 85.7%, oklch(65.69% 0.0574 121.05) 87.3%, oklch(65.63% 0.0515 128.46) 88.9%, oklch(65.58% 0.0458 135.58) 90.5%, oklch(65.52% 0.0404 142.32) 92.1%, oklch(65.47% 0.0354 148.59) 93.7%, oklch(65.43% 0.0308 154.30) 95.2%, oklch(65.40% 0.0268 159.35) 96.8%, oklch(65.37% 0.0234 163.66) 98.4%, oklch(65.35% 0.0207 167.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.083 | 96.3 |
| 2 | 0.614 | 0.081 | 69.9 |
| 3 | 0.657 | 0.12 | 40.3 |
| 4 | 0.654 | 0.021 | 167.1 |

## In these collections

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

## Other forms

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