# Stone teal beside winter olive

Brown, teal and gray linear gradient with 56 colors: #a47136, #a17235, #9d7434, #987533, #927634, #8b7835, #847939, #7c7b3d, #747c42, #6b7c48, #637d4f, #5b7d55, #537c5b, #4e7b61, #497967, #46786b, #45766f, #457472, #467174, #486f75, #4a6d76, #4c6b76, #4e6a76, #4f6875, #516774, #526674, #536573, #536573, #546472, #546572, #536572, #536673, #526773, #516873, #506973, #4e6a73, #4d6c73, #4c6e72, #4b7071, #4b7170, #4b736d, #4d756b, #4f7667, #527763, #56785f, #5b795b, #617a57, #677a52, #6d7a4e, #73794b, #797948, #7e7845, #837744, #877643, #8b7642, #8e7542. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, teal and gray linear gradient
- Seed: `kSlkgwPwtUskbrS`
- Page: https://grabient.com/kSlkgwPwtUskbrS?steps=56&angle=225
- Drawn as: linear gradient, 56 steps, 225 degrees
- Kinds: even lightness
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#a47136` | `oklch(59.06% 0.0992 67.50)` | Digger’s Gold | black, 5 to 1 |
| 2 | `#a17235` | `oklch(58.86% 0.0978 71.13)` | Hearth Gold | black, 4.9 to 1 |
| 3 | `#9d7434` | `oklch(58.62% 0.0961 75.59)` | Heavy Ochre | black, 4.9 to 1 |
| 4 | `#987533` | `oklch(58.34% 0.0941 80.81)` | Heavy Ochre | black, 4.9 to 1 |
| 5 | `#927634` | `oklch(58.03% 0.0918 86.72)` | Bengal Grass | black, 4.8 to 1 |
| 6 | `#8b7835` | `oklch(57.68% 0.0893 93.24)` | Baikō Brown | black, 4.8 to 1 |
| 7 | `#847939` | `oklch(57.30% 0.0866 100.29)` | Bay Leaf | black, 4.7 to 1 |
| 8 | `#7c7b3d` | `oklch(56.90% 0.0838 107.81)` | Evening Green | black, 4.7 to 1 |
| 9 | `#747c42` | `oklch(56.48% 0.0808 115.72)` | Old Four Leaf Clover | black, 4.6 to 1 |
| 10 | `#6b7c48` | `oklch(56.04% 0.0776 123.95)` | Quartz Green | black, 4.6 to 1 |
| 11 | `#637d4f` | `oklch(55.59% 0.0744 132.42)` | Mint Leaves | white, 4.6 to 1 |
| 12 | `#5b7d55` | `oklch(55.12% 0.0711 141.07)` | Garden Grove | white, 4.6 to 1 |
| 13 | `#537c5b` | `oklch(54.66% 0.0678 149.81)` | Green Mantle | white, 4.7 to 1 |
| 14 | `#4e7b61` | `oklch(54.19% 0.0644 158.57)` | Como | white, 4.8 to 1 |
| 15 | `#497967` | `oklch(53.72% 0.0611 167.29)` | Hooker’s Green | white, 4.9 to 1 |
| 16 | `#46786b` | `oklch(53.26% 0.0578 175.88)` | Hooker’s Green | white, 5 to 1 |
| 17 | `#45766f` | `oklch(52.81% 0.0545 184.27)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 18 | `#457472` | `oklch(52.38% 0.0514 192.40)` | Surf Green | white, 5.2 to 1 |
| 19 | `#467174` | `oklch(51.96% 0.0483 200.18)` | Thunderhawk Blue | white, 5.3 to 1 |
| 20 | `#486f75` | `oklch(51.56% 0.0454 207.55)` | Holy Water | white, 5.5 to 1 |
| 21 | `#4a6d76` | `oklch(51.19% 0.0427 214.42)` | Holy Water | white, 5.6 to 1 |
| 22 | `#4c6b76` | `oklch(50.85% 0.0402 220.73)` | Before the Storm | white, 5.7 to 1 |
| 23 | `#4e6a76` | `oklch(50.54% 0.0379 226.40)` | Before the Storm | white, 5.7 to 1 |
| 24 | `#4f6875` | `oklch(50.27% 0.0358 231.36)` | Before the Storm | white, 5.8 to 1 |
| 25 | `#516774` | `oklch(50.04% 0.0340 235.54)` | Silent Night | white, 5.9 to 1 |
| 26 | `#526674` | `oklch(49.85% 0.0325 238.86)` | Slate | white, 5.9 to 1 |
| 27 | `#536573` | `oklch(49.71% 0.0314 241.25)` | Midnight Show | white, 6 to 1 |
| 28 | `#536573` | `oklch(49.63% 0.0306 242.63)` | Midnight Show | white, 6 to 1 |
| 29 | `#546472` | `oklch(49.60% 0.0301 242.94)` | Midnight Show | white, 6 to 1 |
| 30 | `#546572` | `oklch(49.62% 0.0301 242.19)` | Midnight Show | white, 6 to 1 |
| 31 | `#536572` | `oklch(49.70% 0.0303 240.46)` | Slate | white, 6 to 1 |
| 32 | `#536673` | `oklch(49.82% 0.0309 237.81)` | Slate | white, 6 to 1 |
| 33 | `#526773` | `oklch(49.99% 0.0317 234.32)` | Silent Night | white, 5.9 to 1 |
| 34 | `#516873` | `oklch(50.20% 0.0328 230.05)` | Cadet | white, 5.8 to 1 |
| 35 | `#506973` | `oklch(50.44% 0.0342 225.09)` | Cadet | white, 5.8 to 1 |
| 36 | `#4e6a73` | `oklch(50.72% 0.0357 219.49)` | Before the Storm | white, 5.7 to 1 |
| 37 | `#4d6c73` | `oklch(51.02% 0.0374 213.33)` | Holy Water | white, 5.6 to 1 |
| 38 | `#4c6e72` | `oklch(51.35% 0.0393 206.68)` | Holy Water | white, 5.5 to 1 |
| 39 | `#4b7071` | `oklch(51.70% 0.0414 199.62)` | Sinkhole | white, 5.4 to 1 |
| 40 | `#4b7170` | `oklch(52.07% 0.0435 192.21)` | Sinkhole | white, 5.3 to 1 |
| 41 | `#4b736d` | `oklch(52.46% 0.0458 184.52)` | Smoky Emerald | white, 5.2 to 1 |
| 42 | `#4d756b` | `oklch(52.85% 0.0482 176.62)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 43 | `#4f7667` | `oklch(53.25% 0.0505 168.60)` | Double Jeopardy | white, 5 to 1 |
| 44 | `#527763` | `oklch(53.66% 0.0530 160.51)` | Kendal Green | white, 4.9 to 1 |
| 45 | `#56785f` | `oklch(54.07% 0.0554 152.43)` | Dark Sorrel | white, 4.9 to 1 |
| 46 | `#5b795b` | `oklch(54.47% 0.0578 144.43)` | Seaweed Tea | white, 4.8 to 1 |
| 47 | `#617a57` | `oklch(54.86% 0.0602 136.58)` | Silver Willow Green | white, 4.7 to 1 |
| 48 | `#677a52` | `oklch(55.25% 0.0625 128.95)` | Kariyasu Green | white, 4.7 to 1 |
| 49 | `#6d7a4e` | `oklch(55.61% 0.0647 121.61)` | Mint Leaves | white, 4.6 to 1 |
| 50 | `#73794b` | `oklch(55.97% 0.0668 114.64)` | Verdant Views | white, 4.5 to 1 |
| 51 | `#797948` | `oklch(56.29% 0.0687 108.10)` | Tara’s Drapes | black, 4.6 to 1 |
| 52 | `#7e7845` | `oklch(56.60% 0.0706 102.06)` | Tribal | black, 4.6 to 1 |
| 53 | `#837744` | `oklch(56.87% 0.0722 96.61)` | Caper Green | black, 4.6 to 1 |
| 54 | `#877643` | `oklch(57.11% 0.0736 91.80)` | Giant Cactus Green | black, 4.7 to 1 |
| 55 | `#8b7642` | `oklch(57.32% 0.0748 87.71)` | Reservation | black, 4.7 to 1 |
| 56 | `#8e7542` | `oklch(57.48% 0.0758 84.41)` | Reservation | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #a47136 0.0%, #a17235 1.8%, #9d7434 3.6%, #987533 5.5%, #927634 7.3%, #8b7835 9.1%, #847939 10.9%, #7c7b3d 12.7%, #747c42 14.5%, #6b7c48 16.4%, #637d4f 18.2%, #5b7d55 20.0%, #537c5b 21.8%, #4e7b61 23.6%, #497967 25.5%, #46786b 27.3%, #45766f 29.1%, #457472 30.9%, #467174 32.7%, #486f75 34.5%, #4a6d76 36.4%, #4c6b76 38.2%, #4e6a76 40.0%, #4f6875 41.8%, #516774 43.6%, #526674 45.5%, #536573 47.3%, #536573 49.1%, #546472 50.9%, #546572 52.7%, #536572 54.5%, #536673 56.4%, #526773 58.2%, #516873 60.0%, #506973 61.8%, #4e6a73 63.6%, #4d6c73 65.5%, #4c6e72 67.3%, #4b7071 69.1%, #4b7170 70.9%, #4b736d 72.7%, #4d756b 74.5%, #4f7667 76.4%, #527763 78.2%, #56785f 80.0%, #5b795b 81.8%, #617a57 83.6%, #677a52 85.5%, #6d7a4e 87.3%, #73794b 89.1%, #797948 90.9%, #7e7845 92.7%, #837744 94.5%, #877643 96.4%, #8b7642 98.2%, #8e7542 100.0%);
background: linear-gradient(225deg in oklch, oklch(59.06% 0.0992 67.50) 0.0%, oklch(58.86% 0.0978 71.13) 1.8%, oklch(58.62% 0.0961 75.59) 3.6%, oklch(58.34% 0.0941 80.81) 5.5%, oklch(58.03% 0.0918 86.72) 7.3%, oklch(57.68% 0.0893 93.24) 9.1%, oklch(57.30% 0.0866 100.29) 10.9%, oklch(56.90% 0.0838 107.81) 12.7%, oklch(56.48% 0.0808 115.72) 14.5%, oklch(56.04% 0.0776 123.95) 16.4%, oklch(55.59% 0.0744 132.42) 18.2%, oklch(55.12% 0.0711 141.07) 20.0%, oklch(54.66% 0.0678 149.81) 21.8%, oklch(54.19% 0.0644 158.57) 23.6%, oklch(53.72% 0.0611 167.29) 25.5%, oklch(53.26% 0.0578 175.88) 27.3%, oklch(52.81% 0.0545 184.27) 29.1%, oklch(52.38% 0.0514 192.40) 30.9%, oklch(51.96% 0.0483 200.18) 32.7%, oklch(51.56% 0.0454 207.55) 34.5%, oklch(51.19% 0.0427 214.42) 36.4%, oklch(50.85% 0.0402 220.73) 38.2%, oklch(50.54% 0.0379 226.40) 40.0%, oklch(50.27% 0.0358 231.36) 41.8%, oklch(50.04% 0.0340 235.54) 43.6%, oklch(49.85% 0.0325 238.86) 45.5%, oklch(49.71% 0.0314 241.25) 47.3%, oklch(49.63% 0.0306 242.63) 49.1%, oklch(49.60% 0.0301 242.94) 50.9%, oklch(49.62% 0.0301 242.19) 52.7%, oklch(49.70% 0.0303 240.46) 54.5%, oklch(49.82% 0.0309 237.81) 56.4%, oklch(49.99% 0.0317 234.32) 58.2%, oklch(50.20% 0.0328 230.05) 60.0%, oklch(50.44% 0.0342 225.09) 61.8%, oklch(50.72% 0.0357 219.49) 63.6%, oklch(51.02% 0.0374 213.33) 65.5%, oklch(51.35% 0.0393 206.68) 67.3%, oklch(51.70% 0.0414 199.62) 69.1%, oklch(52.07% 0.0435 192.21) 70.9%, oklch(52.46% 0.0458 184.52) 72.7%, oklch(52.85% 0.0482 176.62) 74.5%, oklch(53.25% 0.0505 168.60) 76.4%, oklch(53.66% 0.0530 160.51) 78.2%, oklch(54.07% 0.0554 152.43) 80.0%, oklch(54.47% 0.0578 144.43) 81.8%, oklch(54.86% 0.0602 136.58) 83.6%, oklch(55.25% 0.0625 128.95) 85.5%, oklch(55.61% 0.0647 121.61) 87.3%, oklch(55.97% 0.0668 114.64) 89.1%, oklch(56.29% 0.0687 108.10) 90.9%, oklch(56.60% 0.0706 102.06) 92.7%, oklch(56.87% 0.0722 96.61) 94.5%, oklch(57.11% 0.0736 91.80) 96.4%, oklch(57.32% 0.0748 87.71) 98.2%, oklch(57.48% 0.0758 84.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.591 | 0.099 | 67.5 |
| 2 | 0.496 | 0.03 | 242.9 |
| 3 | 0.575 | 0.076 | 84.4 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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