# Rust mushroom cream rings

Gray, olive and brown linear gradient with 40 colors: #b0b183, #a9aa7b, #9ea16e, #929560, #858950, #797d40, #6f7231, #686822, #666015, #68590b, #6c520b, #704d14, #734920, #75462b, #764534, #77453b, #79453f, #7c4541, #824641, #884840, #8f4a3e, #964c3a, #9c4f36, #a05232, #a4552f, #a8592f, #ab5e2f, #af6230, #b16731, #b16c30, #ad702e, #a6732c, #99762b, #857731, #6d753c, #567048, #456950, #3d6054, #3a5854, #3a5353. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, olive and brown linear gradient
- Seed: `kYvi1NvaG_jkaNtDqcGy6bDjWLTk`
- Page: https://grabient.com/kYvi1NvaG_jkaNtDqcGy6bDjWLTk?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.7 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 | `#b0b183` | `oklch(74.80% 0.0620 108.98)` | Winter Pear | black, 9.4 to 1 |
| 2 | `#a9aa7b` | `oklch(72.54% 0.0648 109.26)` | Cardamom | black, 8.7 to 1 |
| 3 | `#9ea16e` | `oklch(69.35% 0.0689 110.20)` | Dry Grass | black, 7.7 to 1 |
| 4 | `#929560` | `oklch(65.54% 0.0738 111.36)` | Indian Green | black, 6.7 to 1 |
| 5 | `#858950` | `oklch(61.42% 0.0790 112.29)` | Special Ops | black, 5.7 to 1 |
| 6 | `#797d40` | `oklch(57.30% 0.0839 112.54)` | Old Four Leaf Clover | black, 4.8 to 1 |
| 7 | `#6f7231` | `oklch(53.49% 0.0882 111.66)` | Olivetone | white, 5 to 1 |
| 8 | `#686822` | `oklch(50.31% 0.0912 109.21)` | Safari Green | white, 5.8 to 1 |
| 9 | `#666015` | `oklch(48.05% 0.0924 104.71)` | Greenish Brown | white, 6.4 to 1 |
| 10 | `#68590b` | `oklch(46.50% 0.0913 97.10)` | Ayahuasca Vine | white, 6.9 to 1 |
| 11 | `#6c520b` | `oklch(45.43% 0.0884 86.81)` | Field Drab | white, 7.3 to 1 |
| 12 | `#704d14` | `oklch(44.76% 0.0843 74.88)` | Antique Bronze | white, 7.6 to 1 |
| 13 | `#734920` | `oklch(44.42% 0.0799 62.37)` | Vintage Wood | white, 7.7 to 1 |
| 14 | `#75462b` | `oklch(44.34% 0.0757 50.32)` | Broomstick | white, 7.8 to 1 |
| 15 | `#764534` | `oklch(44.46% 0.0726 39.77)` | Clay Play | white, 7.8 to 1 |
| 16 | `#77453b` | `oklch(44.71% 0.0713 31.79)` | Bole | white, 7.7 to 1 |
| 17 | `#79453f` | `oklch(45.04% 0.0724 27.29)` | Sweet Spiceberry | white, 7.6 to 1 |
| 18 | `#7c4541` | `oklch(45.68% 0.0762 25.56)` | Sweet Spiceberry | white, 7.5 to 1 |
| 19 | `#824641` | `oklch(46.62% 0.0818 25.92)` | Sly Fox | white, 7.2 to 1 |
| 20 | `#884840` | `oklch(47.77% 0.0886 27.89)` | Henna | white, 6.8 to 1 |
| 21 | `#8f4a3e` | `oklch(49.05% 0.0959 30.99)` | Red Clay | white, 6.5 to 1 |
| 22 | `#964c3a` | `oklch(50.36% 0.1029 34.73)` | New Brick | white, 6.1 to 1 |
| 23 | `#9c4f36` | `oklch(51.63% 0.1089 38.64)` | Redridge Brown | white, 5.8 to 1 |
| 24 | `#a05232` | `oklch(52.76% 0.1133 42.23)` | Taisha Red | white, 5.5 to 1 |
| 25 | `#a4552f` | `oklch(53.76% 0.1156 45.06)` | Tense Terracotta | white, 5.3 to 1 |
| 26 | `#a8592f` | `oklch(54.96% 0.1171 47.21)` | Spicy Cinnamon | white, 5 to 1 |
| 27 | `#ab5e2f` | `oklch(56.27% 0.1179 49.14)` | Beef Hotpot | white, 4.8 to 1 |
| 28 | `#af6230` | `oklch(57.54% 0.1178 51.34)` | Date Fruit Brown | black, 4.6 to 1 |
| 29 | `#b16731` | `oklch(58.65% 0.1168 54.27)` | Date Fruit Brown | black, 4.8 to 1 |
| 30 | `#b16c30` | `oklch(59.45% 0.1148 58.41)` | Reno Sand | black, 5 to 1 |
| 31 | `#ad702e` | `oklch(59.80% 0.1116 64.23)` | Deer Leather | black, 5.1 to 1 |
| 32 | `#a6732c` | `oklch(59.58% 0.1072 72.21)` | Hot Toddy | black, 5.1 to 1 |
| 33 | `#99762b` | `oklch(58.57% 0.1008 83.40)` | Fernweh | black, 4.9 to 1 |
| 34 | `#857731` | `oklch(56.71% 0.0917 98.44)` | Dragon Well | black, 4.6 to 1 |
| 35 | `#6d753c` | `oklch(54.26% 0.0807 116.05)` | Swamp Shrub | white, 4.9 to 1 |
| 36 | `#567048` | `oklch(51.47% 0.0689 134.89)` | Climbing Ivy | white, 5.4 to 1 |
| 37 | `#456950` | `oklch(48.60% 0.0570 153.61)` | Green Perennial | white, 6.1 to 1 |
| 38 | `#3d6054` | `oklch(45.92% 0.0460 170.87)` | Emerson | white, 6.9 to 1 |
| 39 | `#3a5854` | `oklch(43.67% 0.0368 185.33)` | Crystal Ball | white, 7.7 to 1 |
| 40 | `#3a5353` | `oklch(42.13% 0.0303 195.64)` | Oracle | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b0b183 0.0%, #a9aa7b 2.6%, #9ea16e 5.1%, #929560 7.7%, #858950 10.3%, #797d40 12.8%, #6f7231 15.4%, #686822 17.9%, #666015 20.5%, #68590b 23.1%, #6c520b 25.6%, #704d14 28.2%, #734920 30.8%, #75462b 33.3%, #764534 35.9%, #77453b 38.5%, #79453f 41.0%, #7c4541 43.6%, #824641 46.2%, #884840 48.7%, #8f4a3e 51.3%, #964c3a 53.8%, #9c4f36 56.4%, #a05232 59.0%, #a4552f 61.5%, #a8592f 64.1%, #ab5e2f 66.7%, #af6230 69.2%, #b16731 71.8%, #b16c30 74.4%, #ad702e 76.9%, #a6732c 79.5%, #99762b 82.1%, #857731 84.6%, #6d753c 87.2%, #567048 89.7%, #456950 92.3%, #3d6054 94.9%, #3a5854 97.4%, #3a5353 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.80% 0.0620 108.98) 0.0%, oklch(72.54% 0.0648 109.26) 2.6%, oklch(69.35% 0.0689 110.20) 5.1%, oklch(65.54% 0.0738 111.36) 7.7%, oklch(61.42% 0.0790 112.29) 10.3%, oklch(57.30% 0.0839 112.54) 12.8%, oklch(53.49% 0.0882 111.66) 15.4%, oklch(50.31% 0.0912 109.21) 17.9%, oklch(48.05% 0.0924 104.71) 20.5%, oklch(46.50% 0.0913 97.10) 23.1%, oklch(45.43% 0.0884 86.81) 25.6%, oklch(44.76% 0.0843 74.88) 28.2%, oklch(44.42% 0.0799 62.37) 30.8%, oklch(44.34% 0.0757 50.32) 33.3%, oklch(44.46% 0.0726 39.77) 35.9%, oklch(44.71% 0.0713 31.79) 38.5%, oklch(45.04% 0.0724 27.29) 41.0%, oklch(45.68% 0.0762 25.56) 43.6%, oklch(46.62% 0.0818 25.92) 46.2%, oklch(47.77% 0.0886 27.89) 48.7%, oklch(49.05% 0.0959 30.99) 51.3%, oklch(50.36% 0.1029 34.73) 53.8%, oklch(51.63% 0.1089 38.64) 56.4%, oklch(52.76% 0.1133 42.23) 59.0%, oklch(53.76% 0.1156 45.06) 61.5%, oklch(54.96% 0.1171 47.21) 64.1%, oklch(56.27% 0.1179 49.14) 66.7%, oklch(57.54% 0.1178 51.34) 69.2%, oklch(58.65% 0.1168 54.27) 71.8%, oklch(59.45% 0.1148 58.41) 74.4%, oklch(59.80% 0.1116 64.23) 76.9%, oklch(59.58% 0.1072 72.21) 79.5%, oklch(58.57% 0.1008 83.40) 82.1%, oklch(56.71% 0.0917 98.44) 84.6%, oklch(54.26% 0.0807 116.05) 87.2%, oklch(51.47% 0.0689 134.89) 89.7%, oklch(48.60% 0.0570 153.61) 92.3%, oklch(45.92% 0.0460 170.87) 94.9%, oklch(43.67% 0.0368 185.33) 97.4%, oklch(42.13% 0.0303 195.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.062 | 109 |
| 2 | 0.484 | 0.092 | 105.8 |
| 3 | 0.449 | 0.072 | 28.7 |
| 4 | 0.531 | 0.114 | 43.5 |
| 5 | 0.594 | 0.106 | 74.1 |
| 6 | 0.421 | 0.03 | 195.6 |

## In these collections

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

## Other forms

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