# Monochrome brown to gray linear gradient

Monochrome brown to gray linear gradient with 56 colors: #a78562, #a68462, #a48361, #a18161, #9e7f60, #9a7c5f, #97795e, #93775d, #8f745c, #8b715b, #876f5b, #836d5a, #806b5a, #7d695a, #7b685a, #79685a, #79685c, #78695d, #796b5f, #7b6d62, #7f7267, #84776c, #8a7e73, #91857a, #998e83, #a1978b, #aaa095, #b4aa9e, #bdb4a7, #c6bdb0, #cfc6b9, #d7cfc1, #ded6c8, #e4dcce, #e8e1d3, #ebe5d6, #ece6d7, #ebe5d7, #e8e3d4, #e3decf, #ddd7c9, #d5cfc1, #cbc6b8, #c1bcae, #b6b1a4, #aba699, #a09b8e, #948f82, #898477, #7e796d, #746f63, #6b665a, #635e52, #5b564b, #555045, #514c41. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUoy8wRIk_HWHw01Bz-g`
- Page: https://grabient.com/kUoy8wRIk_HWHw01Bz-g?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light center, neutral, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.8 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 | `#a78562` | `oklch(64.17% 0.0648 67.50)` | Wooden Swing | black, 6.2 to 1 |
| 2 | `#a68462` | `oklch(63.80% 0.0635 67.23)` | Wooden Swing | black, 6.1 to 1 |
| 3 | `#a48361` | `oklch(63.24% 0.0619 66.82)` | Wooden Swing | black, 5.9 to 1 |
| 4 | `#a18161` | `oklch(62.54% 0.0601 66.31)` | Mulled Cider | black, 5.8 to 1 |
| 5 | `#9e7f60` | `oklch(61.71% 0.0580 65.71)` | Sorrell Brown | black, 5.6 to 1 |
| 6 | `#9a7c5f` | `oklch(60.80% 0.0558 65.04)` | Ginger Pie | black, 5.4 to 1 |
| 7 | `#97795e` | `oklch(59.82% 0.0534 64.33)` | Beige Intuition | black, 5.2 to 1 |
| 8 | `#93775d` | `oklch(58.81% 0.0508 63.60)` | Spanish Style | black, 5 to 1 |
| 9 | `#8f745c` | `oklch(57.80% 0.0482 62.86)` | Cargo | black, 4.8 to 1 |
| 10 | `#8b715b` | `oklch(56.80% 0.0455 62.14)` | Sweet Georgia Brown | black, 4.6 to 1 |
| 11 | `#876f5b` | `oklch(55.87% 0.0428 61.45)` | Baton | white, 4.7 to 1 |
| 12 | `#836d5a` | `oklch(55.01% 0.0401 60.83)` | Kaffee | white, 4.8 to 1 |
| 13 | `#806b5a` | `oklch(54.26% 0.0375 60.29)` | Nut Cracker | white, 5 to 1 |
| 14 | `#7d695a` | `oklch(53.65% 0.0350 59.85)` | Warrior | white, 5.1 to 1 |
| 15 | `#7b685a` | `oklch(53.21% 0.0326 59.53)` | Warrior | white, 5.2 to 1 |
| 16 | `#79685a` | `oklch(52.97% 0.0304 59.36)` | Congo Capture | white, 5.3 to 1 |
| 17 | `#79685c` | `oklch(52.95% 0.0284 59.36)` | Sea Elephant | white, 5.3 to 1 |
| 18 | `#78695d` | `oklch(53.18% 0.0267 59.54)` | Cocoa Powder | white, 5.2 to 1 |
| 19 | `#796b5f` | `oklch(53.70% 0.0252 59.92)` | Trailhead | white, 5.1 to 1 |
| 20 | `#7b6d62` | `oklch(54.57% 0.0240 60.55)` | Namibia | white, 4.9 to 1 |
| 21 | `#7f7267` | `oklch(55.95% 0.0231 61.46)` | Desert Taupe | white, 4.6 to 1 |
| 22 | `#84776c` | `oklch(57.76% 0.0223 62.62)` | Brindle | black, 4.8 to 1 |
| 23 | `#8a7e73` | `oklch(59.96% 0.0216 64.00)` | Silt | black, 5.2 to 1 |
| 24 | `#91857a` | `oklch(62.46% 0.0212 65.56)` | Wild Wilderness | black, 5.8 to 1 |
| 25 | `#998e83` | `oklch(65.21% 0.0208 67.28)` | Eiffel Tower | black, 6.5 to 1 |
| 26 | `#a1978b` | `oklch(68.13% 0.0205 69.12)` | Grey by Me | black, 7.3 to 1 |
| 27 | `#aaa095` | `oklch(71.16% 0.0204 71.05)` | True Taupewood | black, 8.1 to 1 |
| 28 | `#b4aa9e` | `oklch(74.23% 0.0203 73.04)` | Dreyfus | black, 9.1 to 1 |
| 29 | `#bdb4a7` | `oklch(77.28% 0.0203 75.04)` | Drifting | black, 10.2 to 1 |
| 30 | `#c6bdb0` | `oklch(80.23% 0.0204 77.04)` | Barley Field | black, 11.3 to 1 |
| 31 | `#cfc6b9` | `oklch(83.02% 0.0205 79.00)` | Cobblestone Street | black, 12.4 to 1 |
| 32 | `#d7cfc1` | `oklch(85.58% 0.0206 80.89)` | Sandy Day | black, 13.5 to 1 |
| 33 | `#ded6c8` | `oklch(87.84% 0.0207 82.67)` | Earthling | black, 14.5 to 1 |
| 34 | `#e4dcce` | `oklch(89.74% 0.0207 84.32)` | White Sesame | black, 15.4 to 1 |
| 35 | `#e8e1d3` | `oklch(91.21% 0.0208 85.79)` | White Clay | black, 16.1 to 1 |
| 36 | `#ebe5d6` | `oklch(92.19% 0.0208 87.06)` | Pale Linen | black, 16.6 to 1 |
| 37 | `#ece6d7` | `oklch(92.59% 0.0208 88.09)` | Old Yellow Bricks | black, 16.8 to 1 |
| 38 | `#ebe5d7` | `oklch(92.37% 0.0206 88.86)` | Sugar Quill | black, 16.7 to 1 |
| 39 | `#e8e3d4` | `oklch(91.50% 0.0205 89.43)` | Bud’s Sails | black, 16.3 to 1 |
| 40 | `#e3decf` | `oklch(90.03% 0.0204 89.84)` | Natural Choice | black, 15.6 to 1 |
| 41 | `#ddd7c9` | `oklch(88.04% 0.0202 90.09)` | Earthling | black, 14.6 to 1 |
| 42 | `#d5cfc1` | `oklch(85.59% 0.0201 90.20)` | Sandy Day | black, 13.5 to 1 |
| 43 | `#cbc6b8` | `oklch(82.76% 0.0200 90.20)` | Upstate | black, 12.3 to 1 |
| 44 | `#c1bcae` | `oklch(79.60% 0.0199 90.09)` | Sierra Madre | black, 11 to 1 |
| 45 | `#b6b1a4` | `oklch(76.20% 0.0199 89.89)` | Silver Lining | black, 9.8 to 1 |
| 46 | `#aba699` | `oklch(72.62% 0.0198 89.63)` | Tornado Watch | black, 8.6 to 1 |
| 47 | `#a09b8e` | `oklch(68.92% 0.0197 89.30)` | Pewter Tankard | black, 7.5 to 1 |
| 48 | `#948f82` | `oklch(65.17% 0.0196 88.94)` | Stony Creek | black, 6.5 to 1 |
| 49 | `#898477` | `oklch(61.45% 0.0196 88.56)` | Mountain Road | black, 5.6 to 1 |
| 50 | `#7e796d` | `oklch(57.81% 0.0195 88.16)` | Solitary Slate | black, 4.8 to 1 |
| 51 | `#746f63` | `oklch(54.34% 0.0195 87.77)` | Randall | white, 4.9 to 1 |
| 52 | `#6b665a` | `oklch(51.09% 0.0194 87.41)` | Patio Stone | white, 5.7 to 1 |
| 53 | `#635e52` | `oklch(48.14% 0.0194 87.09)` | Office Grey | white, 6.4 to 1 |
| 54 | `#5b564b` | `oklch(45.55% 0.0194 86.82)` | Grape Leaf | white, 7.2 to 1 |
| 55 | `#555045` | `oklch(43.39% 0.0193 86.63)` | Jungle Cover | white, 7.9 to 1 |
| 56 | `#514c41` | `oklch(41.73% 0.0193 86.52)` | Arrowhead | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a78562 0.0%, #a68462 1.8%, #a48361 3.6%, #a18161 5.5%, #9e7f60 7.3%, #9a7c5f 9.1%, #97795e 10.9%, #93775d 12.7%, #8f745c 14.5%, #8b715b 16.4%, #876f5b 18.2%, #836d5a 20.0%, #806b5a 21.8%, #7d695a 23.6%, #7b685a 25.5%, #79685a 27.3%, #79685c 29.1%, #78695d 30.9%, #796b5f 32.7%, #7b6d62 34.5%, #7f7267 36.4%, #84776c 38.2%, #8a7e73 40.0%, #91857a 41.8%, #998e83 43.6%, #a1978b 45.5%, #aaa095 47.3%, #b4aa9e 49.1%, #bdb4a7 50.9%, #c6bdb0 52.7%, #cfc6b9 54.5%, #d7cfc1 56.4%, #ded6c8 58.2%, #e4dcce 60.0%, #e8e1d3 61.8%, #ebe5d6 63.6%, #ece6d7 65.5%, #ebe5d7 67.3%, #e8e3d4 69.1%, #e3decf 70.9%, #ddd7c9 72.7%, #d5cfc1 74.5%, #cbc6b8 76.4%, #c1bcae 78.2%, #b6b1a4 80.0%, #aba699 81.8%, #a09b8e 83.6%, #948f82 85.5%, #898477 87.3%, #7e796d 89.1%, #746f63 90.9%, #6b665a 92.7%, #635e52 94.5%, #5b564b 96.4%, #555045 98.2%, #514c41 100.0%);
background: linear-gradient(135deg in oklch, oklch(64.17% 0.0648 67.50) 0.0%, oklch(63.80% 0.0635 67.23) 1.8%, oklch(63.24% 0.0619 66.82) 3.6%, oklch(62.54% 0.0601 66.31) 5.5%, oklch(61.71% 0.0580 65.71) 7.3%, oklch(60.80% 0.0558 65.04) 9.1%, oklch(59.82% 0.0534 64.33) 10.9%, oklch(58.81% 0.0508 63.60) 12.7%, oklch(57.80% 0.0482 62.86) 14.5%, oklch(56.80% 0.0455 62.14) 16.4%, oklch(55.87% 0.0428 61.45) 18.2%, oklch(55.01% 0.0401 60.83) 20.0%, oklch(54.26% 0.0375 60.29) 21.8%, oklch(53.65% 0.0350 59.85) 23.6%, oklch(53.21% 0.0326 59.53) 25.5%, oklch(52.97% 0.0304 59.36) 27.3%, oklch(52.95% 0.0284 59.36) 29.1%, oklch(53.18% 0.0267 59.54) 30.9%, oklch(53.70% 0.0252 59.92) 32.7%, oklch(54.57% 0.0240 60.55) 34.5%, oklch(55.95% 0.0231 61.46) 36.4%, oklch(57.76% 0.0223 62.62) 38.2%, oklch(59.96% 0.0216 64.00) 40.0%, oklch(62.46% 0.0212 65.56) 41.8%, oklch(65.21% 0.0208 67.28) 43.6%, oklch(68.13% 0.0205 69.12) 45.5%, oklch(71.16% 0.0204 71.05) 47.3%, oklch(74.23% 0.0203 73.04) 49.1%, oklch(77.28% 0.0203 75.04) 50.9%, oklch(80.23% 0.0204 77.04) 52.7%, oklch(83.02% 0.0205 79.00) 54.5%, oklch(85.58% 0.0206 80.89) 56.4%, oklch(87.84% 0.0207 82.67) 58.2%, oklch(89.74% 0.0207 84.32) 60.0%, oklch(91.21% 0.0208 85.79) 61.8%, oklch(92.19% 0.0208 87.06) 63.6%, oklch(92.59% 0.0208 88.09) 65.5%, oklch(92.37% 0.0206 88.86) 67.3%, oklch(91.50% 0.0205 89.43) 69.1%, oklch(90.03% 0.0204 89.84) 70.9%, oklch(88.04% 0.0202 90.09) 72.7%, oklch(85.59% 0.0201 90.20) 74.5%, oklch(82.76% 0.0200 90.20) 76.4%, oklch(79.60% 0.0199 90.09) 78.2%, oklch(76.20% 0.0199 89.89) 80.0%, oklch(72.62% 0.0198 89.63) 81.8%, oklch(68.92% 0.0197 89.30) 83.6%, oklch(65.17% 0.0196 88.94) 85.5%, oklch(61.45% 0.0196 88.56) 87.3%, oklch(57.81% 0.0195 88.16) 89.1%, oklch(54.34% 0.0195 87.77) 90.9%, oklch(51.09% 0.0194 87.41) 92.7%, oklch(48.14% 0.0194 87.09) 94.5%, oklch(45.55% 0.0194 86.82) 96.4%, oklch(43.39% 0.0193 86.63) 98.2%, oklch(41.73% 0.0193 86.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.065 | 67.5 |
| 2 | 0.539 | 0.025 | 60.1 |
| 3 | 0.925 | 0.021 | 88.6 |
| 4 | 0.417 | 0.019 | 86.5 |

## Other forms

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