# Charcoal cream fauna rings

Brown, gray, dark gray and pink linear gradient with 48 colors: #8a7255, #857154, #7f7153, #777153, #6f7054, #676e55, #5f6c57, #586959, #536559, #4e6159, #4b5c57, #465552, #414d4c, #3b4544, #363d3d, #313636, #2d3031, #2b2d2e, #2b2d2d, #2e3031, #343739, #3f4247, #4e4f58, #615f6b, #786f7e, #917f8f, #aa8f9c, #c09da5, #d0aaab, #dcb5af, #e4bfb4, #eac9b9, #edd2bf, #f0d9c5, #f1dfca, #f1e2cd, #f1e4ce, #efe3cb, #eddfc5, #e8d7b8, #e3cba7, #dcbc93, #d6aa7f, #d0976c, #ca845c, #c37350, #bd6448, #b95a44. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray, dark gray and pink linear gradient
- Seed: `kYkCUyu4lLqaBRvjENGdA1Hsmuug`
- Page: https://grabient.com/kYkCUyu4lLqaBRvjENGdA1Hsmuug?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 11 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 | `#8a7255` | `oklch(56.69% 0.0510 71.02)` | Greyish Yellow | black, 4.6 to 1 |
| 2 | `#857154` | `oklch(56.10% 0.0493 77.57)` | Greyish Yellow | white, 4.6 to 1 |
| 3 | `#7f7153` | `oklch(55.37% 0.0471 86.32)` | Grey Brown | white, 4.7 to 1 |
| 4 | `#777153` | `oklch(54.51% 0.0444 96.76)` | Truly Olive | white, 4.9 to 1 |
| 5 | `#6f7054` | `oklch(53.54% 0.0415 108.40)` | Green Illude | white, 5.1 to 1 |
| 6 | `#676e55` | `oklch(52.47% 0.0383 120.72)` | Sea Fern | white, 5.3 to 1 |
| 7 | `#5f6c57` | `oklch(51.31% 0.0351 133.23)` | Royal Orchard | white, 5.5 to 1 |
| 8 | `#586959` | `oklch(50.08% 0.0318 145.42)` | Picholine | white, 5.8 to 1 |
| 9 | `#536559` | `oklch(48.77% 0.0287 156.78)` | Jungle Camouflage | white, 6.2 to 1 |
| 10 | `#4e6159` | `oklch(47.41% 0.0259 166.82)` | Siberian Green | white, 6.6 to 1 |
| 11 | `#4b5c57` | `oklch(45.86% 0.0232 175.08)` | Silken Pine | white, 7 to 1 |
| 12 | `#465552` | `oklch(43.66% 0.0200 181.70)` | All Nighter | white, 7.7 to 1 |
| 13 | `#414d4c` | `oklch(40.99% 0.0166 187.14)` | Urban Chic | white, 8.7 to 1 |
| 14 | `#3b4544` | `oklch(38.10% 0.0131 191.88)` | Darkness Green | white, 9.9 to 1 |
| 15 | `#363d3d` | `oklch(35.26% 0.0098 196.38)` | Old School | white, 11.1 to 1 |
| 16 | `#313636` | `oklch(32.72% 0.0068 201.12)` | Nocturnal Green | white, 12.3 to 1 |
| 17 | `#2d3031` | `oklch(30.74% 0.0044 206.56)` | Cod Grey | white, 13.2 to 1 |
| 18 | `#2b2d2e` | `oklch(29.56% 0.0029 213.17)` | Bunker | white, 13.8 to 1 |
| 19 | `#2b2d2d` | `oklch(29.46% 0.0023 221.43)` | Blackadder | white, 13.8 to 1 |
| 20 | `#2e3031` | `oklch(30.68% 0.0030 231.80)` | Cod Grey | white, 13.3 to 1 |
| 21 | `#343739` | `oklch(33.52% 0.0054 244.78)` | Cobalt Night | white, 11.9 to 1 |
| 22 | `#3f4247` | `oklch(37.78% 0.0094 259.99)` | Chimney Smoke | white, 10.1 to 1 |
| 23 | `#4e4f58` | `oklch(43.09% 0.0145 276.79)` | Abbey | white, 8 to 1 |
| 24 | `#615f6b` | `oklch(49.10% 0.0203 294.57)` | Venus Mist | white, 6.2 to 1 |
| 25 | `#786f7e` | `oklch(55.47% 0.0264 312.70)` | Composer’s Magic | white, 4.8 to 1 |
| 26 | `#917f8f` | `oklch(61.82% 0.0323 330.56)` | Plum Swirl | black, 5.6 to 1 |
| 27 | `#aa8f9c` | `oklch(67.81% 0.0377 347.50)` | Mauve Shadows | black, 7.1 to 1 |
| 28 | `#c09da5` | `oklch(73.08% 0.0421 2.93)` | Casa Talec | black, 8.6 to 1 |
| 29 | `#d0aaab` | `oklch(77.27% 0.0451 16.19)` | Baby Jane | black, 10 to 1 |
| 30 | `#dcb5af` | `oklch(80.47% 0.0462 27.46)` | Tea Room | black, 11.2 to 1 |
| 31 | `#e4bfb4` | `oklch(83.35% 0.0454 38.01)` | Muddy Rose | black, 12.4 to 1 |
| 32 | `#eac9b9` | `oklch(85.91% 0.0433 47.76)` | Renaissance Fresco | black, 13.5 to 1 |
| 33 | `#edd2bf` | `oklch(88.10% 0.0404 56.61)` | Cream of Mushroom | black, 14.5 to 1 |
| 34 | `#f0d9c5` | `oklch(89.87% 0.0372 64.44)` | Hen of the Woods | black, 15.4 to 1 |
| 35 | `#f1dfca` | `oklch(91.18% 0.0345 71.13)` | Silk Teddy | black, 16.1 to 1 |
| 36 | `#f1e2cd` | `oklch(91.97% 0.0326 76.57)` | Coconut Cream Pie | black, 16.5 to 1 |
| 37 | `#f1e4ce` | `oklch(92.22% 0.0321 80.65)` | Décor White | black, 16.6 to 1 |
| 38 | `#efe3cb` | `oklch(91.86% 0.0337 83.25)` | Ivory Parchment | black, 16.4 to 1 |
| 39 | `#eddfc5` | `oklch(90.80% 0.0378 84.14)` | Vital Yellow | black, 15.9 to 1 |
| 40 | `#e8d7b8` | `oklch(88.57% 0.0449 82.40)` | Drumskin | black, 14.8 to 1 |
| 41 | `#e3cba7` | `oklch(85.30% 0.0544 78.32)` | Gourmet Honey | black, 13.3 to 1 |
| 42 | `#dcbc93` | `oklch(81.29% 0.0656 72.50)` | Blonde | black, 11.6 to 1 |
| 43 | `#d6aa7f` | `oklch(76.83% 0.0777 65.53)` | Band-Aid | black, 9.9 to 1 |
| 44 | `#d0976c` | `oklch(72.20% 0.0900 58.02)` | Glazed Pecan | black, 8.3 to 1 |
| 45 | `#ca845c` | `oklch(67.70% 0.1020 50.55)` | Shamanic Journey | black, 6.9 to 1 |
| 46 | `#c37350` | `oklch(63.62% 0.1128 43.73)` | Spanish Peanut | black, 5.8 to 1 |
| 47 | `#bd6448` | `oklch(60.25% 0.1217 38.14)` | Dirt Track | black, 5.1 to 1 |
| 48 | `#b95a44` | `oklch(57.87% 0.1281 34.38)` | Ginger Spice | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8a7255 0.0%, #857154 2.1%, #7f7153 4.3%, #777153 6.4%, #6f7054 8.5%, #676e55 10.6%, #5f6c57 12.8%, #586959 14.9%, #536559 17.0%, #4e6159 19.1%, #4b5c57 21.3%, #465552 23.4%, #414d4c 25.5%, #3b4544 27.7%, #363d3d 29.8%, #313636 31.9%, #2d3031 34.0%, #2b2d2e 36.2%, #2b2d2d 38.3%, #2e3031 40.4%, #343739 42.6%, #3f4247 44.7%, #4e4f58 46.8%, #615f6b 48.9%, #786f7e 51.1%, #917f8f 53.2%, #aa8f9c 55.3%, #c09da5 57.4%, #d0aaab 59.6%, #dcb5af 61.7%, #e4bfb4 63.8%, #eac9b9 66.0%, #edd2bf 68.1%, #f0d9c5 70.2%, #f1dfca 72.3%, #f1e2cd 74.5%, #f1e4ce 76.6%, #efe3cb 78.7%, #eddfc5 80.9%, #e8d7b8 83.0%, #e3cba7 85.1%, #dcbc93 87.2%, #d6aa7f 89.4%, #d0976c 91.5%, #ca845c 93.6%, #c37350 95.7%, #bd6448 97.9%, #b95a44 100.0%);
background: linear-gradient(135deg in oklch, oklch(56.69% 0.0510 71.02) 0.0%, oklch(56.10% 0.0493 77.57) 2.1%, oklch(55.37% 0.0471 86.32) 4.3%, oklch(54.51% 0.0444 96.76) 6.4%, oklch(53.54% 0.0415 108.40) 8.5%, oklch(52.47% 0.0383 120.72) 10.6%, oklch(51.31% 0.0351 133.23) 12.8%, oklch(50.08% 0.0318 145.42) 14.9%, oklch(48.77% 0.0287 156.78) 17.0%, oklch(47.41% 0.0259 166.82) 19.1%, oklch(45.86% 0.0232 175.08) 21.3%, oklch(43.66% 0.0200 181.70) 23.4%, oklch(40.99% 0.0166 187.14) 25.5%, oklch(38.10% 0.0131 191.88) 27.7%, oklch(35.26% 0.0098 196.38) 29.8%, oklch(32.72% 0.0068 201.12) 31.9%, oklch(30.74% 0.0044 206.56) 34.0%, oklch(29.56% 0.0029 213.17) 36.2%, oklch(29.46% 0.0023 221.43) 38.3%, oklch(30.68% 0.0030 231.80) 40.4%, oklch(33.52% 0.0054 244.78) 42.6%, oklch(37.78% 0.0094 259.99) 44.7%, oklch(43.09% 0.0145 276.79) 46.8%, oklch(49.10% 0.0203 294.57) 48.9%, oklch(55.47% 0.0264 312.70) 51.1%, oklch(61.82% 0.0323 330.56) 53.2%, oklch(67.81% 0.0377 347.50) 55.3%, oklch(73.08% 0.0421 2.93) 57.4%, oklch(77.27% 0.0451 16.19) 59.6%, oklch(80.47% 0.0462 27.46) 61.7%, oklch(83.35% 0.0454 38.01) 63.8%, oklch(85.91% 0.0433 47.76) 66.0%, oklch(88.10% 0.0404 56.61) 68.1%, oklch(89.87% 0.0372 64.44) 70.2%, oklch(91.18% 0.0345 71.13) 72.3%, oklch(91.97% 0.0326 76.57) 74.5%, oklch(92.22% 0.0321 80.65) 76.6%, oklch(91.86% 0.0337 83.25) 78.7%, oklch(90.80% 0.0378 84.14) 80.9%, oklch(88.57% 0.0449 82.40) 83.0%, oklch(85.30% 0.0544 78.32) 85.1%, oklch(81.29% 0.0656 72.50) 87.2%, oklch(76.83% 0.0777 65.53) 89.4%, oklch(72.20% 0.0900 58.02) 91.5%, oklch(67.70% 0.1020 50.55) 93.6%, oklch(63.62% 0.1128 43.73) 95.7%, oklch(60.25% 0.1217 38.14) 97.9%, oklch(57.87% 0.1281 34.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.051 | 71 |
| 2 | 0.469 | 0.025 | 170.4 |
| 3 | 0.303 | 0.003 | 229.5 |
| 4 | 0.78 | 0.045 | 378.5 |
| 5 | 0.913 | 0.036 | 444 |
| 6 | 0.579 | 0.128 | 394.4 |

## In these collections

- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

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