# Analogous brown, dark green and gray linear gradient

Analogous brown, dark green and gray linear gradient with 32 colors: #8a7650, #85734c, #7e6f48, #756b42, #6b663d, #606138, #565b34, #4e5630, #47522d, #444f2a, #444d29, #484c28, #4f4d2a, #594f2e, #635236, #6d5640, #775b4d, #7e615b, #846869, #886e75, #8a747f, #8a7887, #897b8d, #877e91, #848195, #818397, #7d8599, #798699, #768799, #738998, #718a96, #708a95. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUkis7MxTEMsLrxOjLKg`
- Page: https://grabient.com/kUkis7MxTEMsLrxOjLKg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#8a7650` | `oklch(57.48% 0.0593 82.97)` | Burlap | black, 4.7 to 1 |
| 2 | `#85734c` | `oklch(56.33% 0.0592 85.78)` | Mossy | white, 4.5 to 1 |
| 3 | `#7e6f48` | `oklch(54.67% 0.0592 90.36)` | Mossy Shade | white, 4.9 to 1 |
| 4 | `#756b42` | `oklch(52.63% 0.0593 96.11)` | Fossilised Leaf | white, 5.3 to 1 |
| 5 | `#6b663d` | `oklch(50.37% 0.0594 102.47)` | Mayfly | white, 5.8 to 1 |
| 6 | `#606138` | `oklch(48.03% 0.0594 108.83)` | Basque Green | white, 6.4 to 1 |
| 7 | `#565b34` | `oklch(45.75% 0.0594 114.62)` | Base Camp | white, 7.1 to 1 |
| 8 | `#4e5630` | `oklch(43.68% 0.0591 119.26)` | Chive | white, 7.7 to 1 |
| 9 | `#47522d` | `oklch(41.96% 0.0587 122.16)` | Zen Garden Olive | white, 8.3 to 1 |
| 10 | `#444f2a` | `oklch(40.75% 0.0580 122.74)` | Bronze Tone | white, 8.7 to 1 |
| 11 | `#444d29` | `oklch(40.18% 0.0569 120.42)` | Bronze Tone | white, 9 to 1 |
| 12 | `#484c28` | `oklch(40.39% 0.0555 114.68)` | Bronze Tone | white, 8.9 to 1 |
| 13 | `#4f4d2a` | `oklch(41.33% 0.0534 105.69)` | Umber Shade Wash | white, 8.6 to 1 |
| 14 | `#594f2e` | `oklch(42.86% 0.0510 94.01)` | West Coast | white, 8.1 to 1 |
| 15 | `#635236` | `oklch(44.84% 0.0482 80.22)` | Wild Chocolate | white, 7.5 to 1 |
| 16 | `#6d5640` | `oklch(47.13% 0.0453 64.88)` | Breakfast Blend | white, 6.8 to 1 |
| 17 | `#775b4d` | `oklch(49.59% 0.0423 48.57)` | Picador | white, 6.1 to 1 |
| 18 | `#7e615b` | `oklch(52.07% 0.0394 31.85)` | Hot Cocoa | white, 5.5 to 1 |
| 19 | `#846869` | `oklch(54.43% 0.0367 15.29)` | Brazil Nut | white, 5 to 1 |
| 20 | `#886e75` | `oklch(56.53% 0.0344 359.46)` | Pomace Red | white, 4.6 to 1 |
| 21 | `#8a747f` | `oklch(58.22% 0.0326 344.92)` | Charming Violet | black, 4.8 to 1 |
| 22 | `#8a7887` | `oklch(59.39% 0.0314 332.10)` | Classical Violet | black, 5.1 to 1 |
| 23 | `#897b8d` | `oklch(60.22% 0.0307 319.47)` | Classical Violet | black, 5.2 to 1 |
| 24 | `#877e91` | `oklch(60.82% 0.0305 306.66)` | Dusky Grape | black, 5.4 to 1 |
| 25 | `#848195` | `oklch(61.24% 0.0306 293.89)` | Soft Charcoal | black, 5.5 to 1 |
| 26 | `#818397` | `oklch(61.49% 0.0310 281.38)` | Soft Charcoal | black, 5.6 to 1 |
| 27 | `#7d8599` | `oklch(61.63% 0.0316 269.35)` | Salon Bleu | black, 5.6 to 1 |
| 28 | `#798699` | `oklch(61.69% 0.0323 258.03)` | Salon Bleu | black, 5.7 to 1 |
| 29 | `#768799` | `oklch(61.70% 0.0330 247.64)` | Somnambulist | black, 5.7 to 1 |
| 30 | `#738998` | `oklch(61.69% 0.0337 238.39)` | Skipper | black, 5.7 to 1 |
| 31 | `#718a96` | `oklch(61.72% 0.0342 230.51)` | Bluish Grey | black, 5.7 to 1 |
| 32 | `#708a95` | `oklch(61.81% 0.0344 224.22)` | Jeans Indigo | black, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8a7650 0.0%, #85734c 3.2%, #7e6f48 6.5%, #756b42 9.7%, #6b663d 12.9%, #606138 16.1%, #565b34 19.4%, #4e5630 22.6%, #47522d 25.8%, #444f2a 29.0%, #444d29 32.3%, #484c28 35.5%, #4f4d2a 38.7%, #594f2e 41.9%, #635236 45.2%, #6d5640 48.4%, #775b4d 51.6%, #7e615b 54.8%, #846869 58.1%, #886e75 61.3%, #8a747f 64.5%, #8a7887 67.7%, #897b8d 71.0%, #877e91 74.2%, #848195 77.4%, #818397 80.6%, #7d8599 83.9%, #798699 87.1%, #768799 90.3%, #738998 93.5%, #718a96 96.8%, #708a95 100.0%);
background: linear-gradient(135deg in oklch, oklch(57.48% 0.0593 82.97) 0.0%, oklch(56.33% 0.0592 85.78) 3.2%, oklch(54.67% 0.0592 90.36) 6.5%, oklch(52.63% 0.0593 96.11) 9.7%, oklch(50.37% 0.0594 102.47) 12.9%, oklch(48.03% 0.0594 108.83) 16.1%, oklch(45.75% 0.0594 114.62) 19.4%, oklch(43.68% 0.0591 119.26) 22.6%, oklch(41.96% 0.0587 122.16) 25.8%, oklch(40.75% 0.0580 122.74) 29.0%, oklch(40.18% 0.0569 120.42) 32.3%, oklch(40.39% 0.0555 114.68) 35.5%, oklch(41.33% 0.0534 105.69) 38.7%, oklch(42.86% 0.0510 94.01) 41.9%, oklch(44.84% 0.0482 80.22) 45.2%, oklch(47.13% 0.0453 64.88) 48.4%, oklch(49.59% 0.0423 48.57) 51.6%, oklch(52.07% 0.0394 31.85) 54.8%, oklch(54.43% 0.0367 15.29) 58.1%, oklch(56.53% 0.0344 359.46) 61.3%, oklch(58.22% 0.0326 344.92) 64.5%, oklch(59.39% 0.0314 332.10) 67.7%, oklch(60.22% 0.0307 319.47) 71.0%, oklch(60.82% 0.0305 306.66) 74.2%, oklch(61.24% 0.0306 293.89) 77.4%, oklch(61.49% 0.0310 281.38) 80.6%, oklch(61.63% 0.0316 269.35) 83.9%, oklch(61.69% 0.0323 258.03) 87.1%, oklch(61.70% 0.0330 247.64) 90.3%, oklch(61.69% 0.0337 238.39) 93.5%, oklch(61.72% 0.0342 230.51) 96.8%, oklch(61.81% 0.0344 224.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.059 | 83 |
| 2 | 0.402 | 0.056 | 118.9 |
| 3 | 0.591 | 0.032 | -23.8 |
| 4 | 0.618 | 0.034 | -135.8 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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