# Gray, red, brown and olive linear gradient

Gray, red, brown and olive linear gradient with 64 colors: #768c8b, #748c8a, #718c88, #6f8c86, #6c8c84, #698c81, #678c7c, #658c77, #648b71, #658a6a, #678962, #6a8759, #6e854e, #748343, #7a7f38, #817b2a, #88771b, #8f7203, #956d00, #9a6900, #9e6400, #a35e00, #a85800, #ad5100, #b34900, #b54312, #b73e1f, #b83928, #b8352f, #b83235, #b82f3a, #b82d3d, #b82c3f, #b72b40, #b72b40, #b62c3e, #b52d3c, #b52e39, #b43135, #b33330, #b1362a, #b03924, #ae3d1c, #ac4114, #a94508, #a54900, #a14e00, #9c5300, #985600, #945a00, #905d00, #8d6000, #896202, #84650f, #806818, #7c6a21, #786c27, #746d2e, #716f33, #6e7038, #6c713c, #697140, #687243, #677245. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSnhKJwj-rUOYy-`
- Page: https://grabient.com/kSnhKJwj-rUOYy-?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: even lightness, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#768c8b` | `oklch(62.20% 0.0248 193.36)` | Leisure Time | black, 5.8 to 1 |
| 2 | `#748c8a` | `oklch(62.03% 0.0275 190.28)` | Leisure Time | black, 5.8 to 1 |
| 3 | `#718c88` | `oklch(61.82% 0.0306 186.62)` | Gumbo | black, 5.8 to 1 |
| 4 | `#6f8c86` | `oklch(61.58% 0.0343 182.42)` | Aspen Hush | black, 5.7 to 1 |
| 5 | `#6c8c84` | `oklch(61.32% 0.0384 177.71)` | Aspen Hush | black, 5.7 to 1 |
| 6 | `#698c81` | `oklch(61.03% 0.0429 172.55)` | Hanging Vine | black, 5.6 to 1 |
| 7 | `#678c7c` | `oklch(60.73% 0.0478 166.98)` | Sea Monster | black, 5.6 to 1 |
| 8 | `#658c77` | `oklch(60.40% 0.0530 161.03)` | Sea Monster | black, 5.5 to 1 |
| 9 | `#648b71` | `oklch(60.05% 0.0585 154.76)` | Slate Green | black, 5.4 to 1 |
| 10 | `#658a6a` | `oklch(59.69% 0.0643 148.21)` | Slate Green | black, 5.4 to 1 |
| 11 | `#678962` | `oklch(59.32% 0.0702 141.41)` | Thicket | black, 5.3 to 1 |
| 12 | `#6a8759` | `oklch(58.93% 0.0764 134.42)` | Thicket | black, 5.2 to 1 |
| 13 | `#6e854e` | `oklch(58.54% 0.0826 127.27)` | Herb | black, 5.1 to 1 |
| 14 | `#748343` | `oklch(58.14% 0.0890 120.02)` | Grasshopper | black, 5 to 1 |
| 15 | `#7a7f38` | `oklch(57.73% 0.0954 112.69)` | Thai Basil | black, 4.9 to 1 |
| 16 | `#817b2a` | `oklch(57.32% 0.1018 105.34)` | Verdant | black, 4.8 to 1 |
| 17 | `#88771b` | `oklch(56.91% 0.1082 98.01)` | Jīn Zōng Gold | black, 4.7 to 1 |
| 18 | `#8f7203` | `oklch(56.50% 0.1145 90.74)` | Vermin Brown | black, 4.5 to 1 |
| 19 | `#956d00` | `oklch(56.09% 0.1152 83.55)` | Honey Yellow Green | white, 4.6 to 1 |
| 20 | `#9a6900` | `oklch(55.69% 0.1167 76.53)` | Balor Brown | white, 4.8 to 1 |
| 21 | `#9e6400` | `oklch(55.30% 0.1200 69.70)` | Cumin Ochre | white, 4.9 to 1 |
| 22 | `#a35e00` | `oklch(54.92% 0.1251 63.11)` | Raw Umber | white, 5 to 1 |
| 23 | `#a85800` | `oklch(54.54% 0.1323 56.79)` | Tijolo | white, 5.1 to 1 |
| 24 | `#ad5100` | `oklch(54.18% 0.1416 50.80)` | Cinnamon Bun | white, 5.2 to 1 |
| 25 | `#b34900` | `oklch(53.84% 0.1535 45.18)` | Beef Bourguignon | white, 5.4 to 1 |
| 26 | `#b54312` | `oklch(53.51% 0.1582 40.00)` | Martian Ironcrust | white, 5.5 to 1 |
| 27 | `#b73e1f` | `oklch(53.21% 0.1622 35.23)` | Bricky Brick | white, 5.6 to 1 |
| 28 | `#b83928` | `oklch(52.92% 0.1658 30.96)` | Valiant Poppy | white, 5.7 to 1 |
| 29 | `#b8352f` | `oklch(52.66% 0.1688 27.22)` | Red Obsession | white, 5.8 to 1 |
| 30 | `#b83235` | `oklch(52.43% 0.1713 24.06)` | Pesto Rosso | white, 5.9 to 1 |
| 31 | `#b82f3a` | `oklch(52.22% 0.1733 21.53)` | Bloodsport | white, 5.9 to 1 |
| 32 | `#b82d3d` | `oklch(52.04% 0.1746 19.66)` | Bloodsport | white, 6 to 1 |
| 33 | `#b82c3f` | `oklch(51.90% 0.1753 18.50)` | Timeless Beauty | white, 6 to 1 |
| 34 | `#b72b40` | `oklch(51.78% 0.1753 17.98)` | Timeless Beauty | white, 6.1 to 1 |
| 35 | `#b72b40` | `oklch(51.68% 0.1748 18.06)` | Timeless Beauty | white, 6.1 to 1 |
| 36 | `#b62c3e` | `oklch(51.61% 0.1738 18.72)` | Timeless Beauty | white, 6.1 to 1 |
| 37 | `#b52d3c` | `oklch(51.55% 0.1722 19.90)` | Bloodsport | white, 6.1 to 1 |
| 38 | `#b52e39` | `oklch(51.51% 0.1702 21.58)` | Bloodsport | white, 6.1 to 1 |
| 39 | `#b43135` | `oklch(51.49% 0.1678 23.72)` | Red Contrast | white, 6.1 to 1 |
| 40 | `#b33330` | `oklch(51.49% 0.1649 26.28)` | Molten Lava | white, 6.1 to 1 |
| 41 | `#b1362a` | `oklch(51.50% 0.1617 29.23)` | Cardinal’s Cassock | white, 6.1 to 1 |
| 42 | `#b03924` | `oklch(51.52% 0.1581 32.53)` | Rooibos Tea | white, 6 to 1 |
| 43 | `#ae3d1c` | `oklch(51.56% 0.1543 36.14)` | Crimson Blaze | white, 6 to 1 |
| 44 | `#ac4114` | `oklch(51.61% 0.1502 40.03)` | Donkey Kong | white, 5.9 to 1 |
| 45 | `#a94508` | `oklch(51.67% 0.1458 44.16)` | Pepperoni | white, 5.9 to 1 |
| 46 | `#a54900` | `oklch(51.74% 0.1399 48.45)` | Pepperoni | white, 5.8 to 1 |
| 47 | `#a14e00` | `oklch(51.82% 0.1316 52.96)` | Burnt Bagel | white, 5.8 to 1 |
| 48 | `#9c5300` | `oklch(51.90% 0.1248 57.60)` | Charlie Brown | white, 5.7 to 1 |
| 49 | `#985600` | `oklch(51.99% 0.1193 62.34)` | Charlie Brown | white, 5.7 to 1 |
| 50 | `#945a00` | `oklch(52.08% 0.1150 67.14)` | Sepia Wash | white, 5.6 to 1 |
| 51 | `#905d00` | `oklch(52.18% 0.1117 71.96)` | Rat Brown | white, 5.5 to 1 |
| 52 | `#8d6000` | `oklch(52.27% 0.1095 76.78)` | Rat Brown | white, 5.5 to 1 |
| 53 | `#896202` | `oklch(52.37% 0.1073 81.57)` | Rat Brown | white, 5.4 to 1 |
| 54 | `#84650f` | `oklch(52.47% 0.1026 86.25)` | Alligator | white, 5.4 to 1 |
| 55 | `#806818` | `oklch(52.57% 0.0979 90.81)` | Yukon Gold | white, 5.3 to 1 |
| 56 | `#7c6a21` | `oklch(52.66% 0.0934 95.21)` | Tarnished Brass | white, 5.3 to 1 |
| 57 | `#786c27` | `oklch(52.75% 0.0891 99.42)` | Tarnished Brass | white, 5.3 to 1 |
| 58 | `#746d2e` | `oklch(52.83% 0.0851 103.40)` | Aged Mustard Green | white, 5.2 to 1 |
| 59 | `#716f33` | `oklch(52.91% 0.0813 107.12)` | Aged Mustard Green | white, 5.2 to 1 |
| 60 | `#6e7038` | `oklch(52.98% 0.0778 110.53)` | Aged Mustard Green | white, 5.2 to 1 |
| 61 | `#6c713c` | `oklch(53.04% 0.0746 113.60)` | Relentless Olive | white, 5.1 to 1 |
| 62 | `#697140` | `oklch(53.09% 0.0718 116.31)` | Oakmoss | white, 5.1 to 1 |
| 63 | `#687243` | `oklch(53.12% 0.0695 118.60)` | Oakmoss | white, 5.1 to 1 |
| 64 | `#677245` | `oklch(53.15% 0.0675 120.44)` | Dill Pickle | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #768c8b 0.0%, #748c8a 1.6%, #718c88 3.2%, #6f8c86 4.8%, #6c8c84 6.3%, #698c81 7.9%, #678c7c 9.5%, #658c77 11.1%, #648b71 12.7%, #658a6a 14.3%, #678962 15.9%, #6a8759 17.5%, #6e854e 19.0%, #748343 20.6%, #7a7f38 22.2%, #817b2a 23.8%, #88771b 25.4%, #8f7203 27.0%, #956d00 28.6%, #9a6900 30.2%, #9e6400 31.7%, #a35e00 33.3%, #a85800 34.9%, #ad5100 36.5%, #b34900 38.1%, #b54312 39.7%, #b73e1f 41.3%, #b83928 42.9%, #b8352f 44.4%, #b83235 46.0%, #b82f3a 47.6%, #b82d3d 49.2%, #b82c3f 50.8%, #b72b40 52.4%, #b72b40 54.0%, #b62c3e 55.6%, #b52d3c 57.1%, #b52e39 58.7%, #b43135 60.3%, #b33330 61.9%, #b1362a 63.5%, #b03924 65.1%, #ae3d1c 66.7%, #ac4114 68.3%, #a94508 69.8%, #a54900 71.4%, #a14e00 73.0%, #9c5300 74.6%, #985600 76.2%, #945a00 77.8%, #905d00 79.4%, #8d6000 81.0%, #896202 82.5%, #84650f 84.1%, #806818 85.7%, #7c6a21 87.3%, #786c27 88.9%, #746d2e 90.5%, #716f33 92.1%, #6e7038 93.7%, #6c713c 95.2%, #697140 96.8%, #687243 98.4%, #677245 100.0%);
background: linear-gradient(225deg in oklch, oklch(62.20% 0.0248 193.36) 0.0%, oklch(62.03% 0.0275 190.28) 1.6%, oklch(61.82% 0.0306 186.62) 3.2%, oklch(61.58% 0.0343 182.42) 4.8%, oklch(61.32% 0.0384 177.71) 6.3%, oklch(61.03% 0.0429 172.55) 7.9%, oklch(60.73% 0.0478 166.98) 9.5%, oklch(60.40% 0.0530 161.03) 11.1%, oklch(60.05% 0.0585 154.76) 12.7%, oklch(59.69% 0.0643 148.21) 14.3%, oklch(59.32% 0.0702 141.41) 15.9%, oklch(58.93% 0.0764 134.42) 17.5%, oklch(58.54% 0.0826 127.27) 19.0%, oklch(58.14% 0.0890 120.02) 20.6%, oklch(57.73% 0.0954 112.69) 22.2%, oklch(57.32% 0.1018 105.34) 23.8%, oklch(56.91% 0.1082 98.01) 25.4%, oklch(56.50% 0.1145 90.74) 27.0%, oklch(56.09% 0.1152 83.55) 28.6%, oklch(55.69% 0.1167 76.53) 30.2%, oklch(55.30% 0.1200 69.70) 31.7%, oklch(54.92% 0.1251 63.11) 33.3%, oklch(54.54% 0.1323 56.79) 34.9%, oklch(54.18% 0.1416 50.80) 36.5%, oklch(53.84% 0.1535 45.18) 38.1%, oklch(53.51% 0.1582 40.00) 39.7%, oklch(53.21% 0.1622 35.23) 41.3%, oklch(52.92% 0.1658 30.96) 42.9%, oklch(52.66% 0.1688 27.22) 44.4%, oklch(52.43% 0.1713 24.06) 46.0%, oklch(52.22% 0.1733 21.53) 47.6%, oklch(52.04% 0.1746 19.66) 49.2%, oklch(51.90% 0.1753 18.50) 50.8%, oklch(51.78% 0.1753 17.98) 52.4%, oklch(51.68% 0.1748 18.06) 54.0%, oklch(51.61% 0.1738 18.72) 55.6%, oklch(51.55% 0.1722 19.90) 57.1%, oklch(51.51% 0.1702 21.58) 58.7%, oklch(51.49% 0.1678 23.72) 60.3%, oklch(51.49% 0.1649 26.28) 61.9%, oklch(51.50% 0.1617 29.23) 63.5%, oklch(51.52% 0.1581 32.53) 65.1%, oklch(51.56% 0.1543 36.14) 66.7%, oklch(51.61% 0.1502 40.03) 68.3%, oklch(51.67% 0.1458 44.16) 69.8%, oklch(51.74% 0.1399 48.45) 71.4%, oklch(51.82% 0.1316 52.96) 73.0%, oklch(51.90% 0.1248 57.60) 74.6%, oklch(51.99% 0.1193 62.34) 76.2%, oklch(52.08% 0.1150 67.14) 77.8%, oklch(52.18% 0.1117 71.96) 79.4%, oklch(52.27% 0.1095 76.78) 81.0%, oklch(52.37% 0.1073 81.57) 82.5%, oklch(52.47% 0.1026 86.25) 84.1%, oklch(52.57% 0.0979 90.81) 85.7%, oklch(52.66% 0.0934 95.21) 87.3%, oklch(52.75% 0.0891 99.42) 88.9%, oklch(52.83% 0.0851 103.40) 90.5%, oklch(52.91% 0.0813 107.12) 92.1%, oklch(52.98% 0.0778 110.53) 93.7%, oklch(53.04% 0.0746 113.60) 95.2%, oklch(53.09% 0.0718 116.31) 96.8%, oklch(53.12% 0.0695 118.60) 98.4%, oklch(53.15% 0.0675 120.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.025 | 193.4 |
| 2 | 0.52 | 0.175 | 19 |
| 3 | 0.531 | 0.068 | 120.4 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)

## Other forms

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