# Brown, green, teal and tan linear gradient

Brown, green, teal and tan linear gradient with 56 colors: #55382d, #593b2c, #5d412a, #614829, #645128, #645b2a, #616732, #5b723e, #547d4d, #4b875d, #45906b, #439776, #479d7d, #51a381, #60aa82, #70af81, #82b480, #93b87f, #a2ba7f, #aebb7f, #b6bc80, #babb81, #b9b981, #b2b57f, #a5ad7b, #94a476, #819971, #6e8c6b, #5b7f65, #4b735f, #3c675a, #315e55, #295851, #245550, #215650, #205b52, #226255, #286b58, #31765b, #3f815b, #508c5a, #629558, #749e55, #84a451, #90a84e, #99aa4b, #a1aa48, #a7aa47, #aba946, #afa745, #b1a545, #b2a345, #b3a146, #b49f47, #b59e47, #b69d48. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYXiEdziNOmIbOS0k8k2Cu4VknvI`
- Page: https://grabient.com/kYXiEdziNOmIbOS0k8k2Cu4VknvI?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.3 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 | `#55382d` | `oklch(37.01% 0.0455 41.48)` | Bright Brown | white, 10.6 to 1 |
| 2 | `#593b2c` | `oklch(38.34% 0.0485 48.76)` | Tuk Tuk | white, 10 to 1 |
| 3 | `#5d412a` | `oklch(40.08% 0.0526 58.88)` | Brown Hen | white, 9.3 to 1 |
| 4 | `#614829` | `oklch(42.14% 0.0577 71.17)` | Nightingale | white, 8.5 to 1 |
| 5 | `#645128` | `oklch(44.45% 0.0633 84.94)` | Jungle Beat | white, 7.6 to 1 |
| 6 | `#645b2a` | `oklch(46.94% 0.0693 99.51)` | Costa Del Sol | white, 6.8 to 1 |
| 7 | `#616732` | `oklch(49.53% 0.0753 114.18)` | Gretchin Green | white, 6 to 1 |
| 8 | `#5b723e` | `oklch(52.15% 0.0811 128.27)` | Houseplant | white, 5.3 to 1 |
| 9 | `#547d4d` | `oklch(54.72% 0.0864 141.09)` | Autumn Fern | white, 4.7 to 1 |
| 10 | `#4b875d` | `oklch(57.18% 0.0909 151.97)` | Onion Seedling | black, 4.9 to 1 |
| 11 | `#45906b` | `oklch(59.43% 0.0944 160.21)` | Illuminati Green | black, 5.4 to 1 |
| 12 | `#439776` | `oklch(61.42% 0.0965 165.12)` | Good Luck | black, 5.9 to 1 |
| 13 | `#479d7d` | `oklch(63.37% 0.0972 166.22)` | Natural Orchestra | black, 6.3 to 1 |
| 14 | `#51a381` | `oklch(65.51% 0.0969 163.92)` | Inspiration Peak | black, 6.9 to 1 |
| 15 | `#60aa82` | `oklch(67.73% 0.0957 158.94)` | Green Tourmaline | black, 7.5 to 1 |
| 16 | `#70af81` | `oklch(69.95% 0.0938 151.99)` | Lily Pads | black, 8.1 to 1 |
| 17 | `#82b480` | `oklch(72.07% 0.0913 143.78)` | Verde | black, 8.7 to 1 |
| 18 | `#93b87f` | `oklch(73.98% 0.0885 135.03)` | Willow Dyed | black, 9.3 to 1 |
| 19 | `#a2ba7f` | `oklch(75.60% 0.0854 126.45)` | Gleeful | black, 9.8 to 1 |
| 20 | `#aebb7f` | `oklch(76.82% 0.0823 118.75)` | Margarita | black, 10.2 to 1 |
| 21 | `#b6bc80` | `oklch(77.56% 0.0793 112.65)` | Ushabti Bone | black, 10.4 to 1 |
| 22 | `#babb81` | `oklch(77.70% 0.0766 108.84)` | Ushabti Bone | black, 10.5 to 1 |
| 23 | `#b9b981` | `oklch(77.17% 0.0744 108.06)` | Grass Cloth | black, 10.3 to 1 |
| 24 | `#b2b57f` | `oklch(75.61% 0.0722 110.62)` | Fancy Flirt | black, 9.7 to 1 |
| 25 | `#a5ad7b` | `oklch(72.93% 0.0694 115.98)` | Tarragon | black, 8.8 to 1 |
| 26 | `#94a476` | `oklch(69.39% 0.0663 123.49)` | Ivy Enchantment | black, 7.8 to 1 |
| 27 | `#819971` | `oklch(65.25% 0.0631 132.54)` | Mesa Verde | black, 6.7 to 1 |
| 28 | `#6e8c6b` | `oklch(60.77% 0.0600 142.50)` | Kashmir | black, 5.6 to 1 |
| 29 | `#5b7f65` | `oklch(56.22% 0.0572 152.74)` | Mistletoe Whisper | black, 4.6 to 1 |
| 30 | `#4b735f` | `oklch(51.84% 0.0548 162.64)` | Green Valley | white, 5.3 to 1 |
| 31 | `#3c675a` | `oklch(47.90% 0.0531 171.56)` | Earhart Emerald | white, 6.3 to 1 |
| 32 | `#315e55` | `oklch(44.67% 0.0522 178.89)` | Holly Bush | white, 7.3 to 1 |
| 33 | `#295851` | `oklch(42.39% 0.0524 184.00)` | Holly Leaf | white, 8 to 1 |
| 34 | `#245550` | `oklch(41.34% 0.0537 186.26)` | Forbidden Forest | white, 8.4 to 1 |
| 35 | `#215650` | `oklch(41.59% 0.0568 185.62)` | Forest Biome | white, 8.3 to 1 |
| 36 | `#205b52` | `oklch(42.91% 0.0615 182.73)` | Forest Biome | white, 7.8 to 1 |
| 37 | `#226255` | `oklch(45.10% 0.0676 178.00)` | Eden | white, 7.1 to 1 |
| 38 | `#286b58` | `oklch(47.95% 0.0746 171.81)` | Forest Rain | white, 6.2 to 1 |
| 39 | `#31765b` | `oklch(51.26% 0.0823 164.58)` | Scouring Rush | white, 5.4 to 1 |
| 40 | `#3f815b` | `oklch(54.83% 0.0901 156.71)` | Adamite Green | white, 4.6 to 1 |
| 41 | `#508c5a` | `oklch(58.44% 0.0979 148.59)` | Middle Green | black, 5.2 to 1 |
| 42 | `#629558` | `oklch(61.90% 0.1051 140.65)` | Abundance | black, 5.9 to 1 |
| 43 | `#749e55` | `oklch(65.00% 0.1114 133.26)` | Kiwi | black, 6.7 to 1 |
| 44 | `#84a451` | `oklch(67.53% 0.1164 126.84)` | Mosquito Fern | black, 7.3 to 1 |
| 45 | `#90a84e` | `oklch(69.29% 0.1199 121.80)` | Lime It or Leave It | black, 7.8 to 1 |
| 46 | `#99aa4b` | `oklch(70.39% 0.1217 117.75)` | Persian Belt | black, 8.1 to 1 |
| 47 | `#a1aa48` | `oklch(71.10% 0.1224 114.04)` | Intoxication | black, 8.3 to 1 |
| 48 | `#a7aa47` | `oklch(71.49% 0.1221 110.65)` | Delightful Camouflage | black, 8.4 to 1 |
| 49 | `#aba946` | `oklch(71.61% 0.1211 107.58)` | Delightful Camouflage | black, 8.4 to 1 |
| 50 | `#afa745` | `oklch(71.53% 0.1195 104.79)` | Brass | black, 8.4 to 1 |
| 51 | `#b1a545` | `oklch(71.30% 0.1175 102.28)` | Brass | black, 8.3 to 1 |
| 52 | `#b2a345` | `oklch(70.99% 0.1153 100.03)` | Moss Stone | black, 8.2 to 1 |
| 53 | `#b3a146` | `oklch(70.66% 0.1132 98.02)` | Moss Stone | black, 8.1 to 1 |
| 54 | `#b49f47` | `oklch(70.35% 0.1112 96.23)` | Tiki Torch | black, 7.9 to 1 |
| 55 | `#b59e47` | `oklch(70.14% 0.1097 94.65)` | Tiki Torch | black, 7.9 to 1 |
| 56 | `#b69d48` | `oklch(70.08% 0.1089 93.27)` | Tiki Torch | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #55382d 0.0%, #593b2c 1.8%, #5d412a 3.6%, #614829 5.5%, #645128 7.3%, #645b2a 9.1%, #616732 10.9%, #5b723e 12.7%, #547d4d 14.5%, #4b875d 16.4%, #45906b 18.2%, #439776 20.0%, #479d7d 21.8%, #51a381 23.6%, #60aa82 25.5%, #70af81 27.3%, #82b480 29.1%, #93b87f 30.9%, #a2ba7f 32.7%, #aebb7f 34.5%, #b6bc80 36.4%, #babb81 38.2%, #b9b981 40.0%, #b2b57f 41.8%, #a5ad7b 43.6%, #94a476 45.5%, #819971 47.3%, #6e8c6b 49.1%, #5b7f65 50.9%, #4b735f 52.7%, #3c675a 54.5%, #315e55 56.4%, #295851 58.2%, #245550 60.0%, #215650 61.8%, #205b52 63.6%, #226255 65.5%, #286b58 67.3%, #31765b 69.1%, #3f815b 70.9%, #508c5a 72.7%, #629558 74.5%, #749e55 76.4%, #84a451 78.2%, #90a84e 80.0%, #99aa4b 81.8%, #a1aa48 83.6%, #a7aa47 85.5%, #aba946 87.3%, #afa745 89.1%, #b1a545 90.9%, #b2a345 92.7%, #b3a146 94.5%, #b49f47 96.4%, #b59e47 98.2%, #b69d48 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.01% 0.0455 41.48) 0.0%, oklch(38.34% 0.0485 48.76) 1.8%, oklch(40.08% 0.0526 58.88) 3.6%, oklch(42.14% 0.0577 71.17) 5.5%, oklch(44.45% 0.0633 84.94) 7.3%, oklch(46.94% 0.0693 99.51) 9.1%, oklch(49.53% 0.0753 114.18) 10.9%, oklch(52.15% 0.0811 128.27) 12.7%, oklch(54.72% 0.0864 141.09) 14.5%, oklch(57.18% 0.0909 151.97) 16.4%, oklch(59.43% 0.0944 160.21) 18.2%, oklch(61.42% 0.0965 165.12) 20.0%, oklch(63.37% 0.0972 166.22) 21.8%, oklch(65.51% 0.0969 163.92) 23.6%, oklch(67.73% 0.0957 158.94) 25.5%, oklch(69.95% 0.0938 151.99) 27.3%, oklch(72.07% 0.0913 143.78) 29.1%, oklch(73.98% 0.0885 135.03) 30.9%, oklch(75.60% 0.0854 126.45) 32.7%, oklch(76.82% 0.0823 118.75) 34.5%, oklch(77.56% 0.0793 112.65) 36.4%, oklch(77.70% 0.0766 108.84) 38.2%, oklch(77.17% 0.0744 108.06) 40.0%, oklch(75.61% 0.0722 110.62) 41.8%, oklch(72.93% 0.0694 115.98) 43.6%, oklch(69.39% 0.0663 123.49) 45.5%, oklch(65.25% 0.0631 132.54) 47.3%, oklch(60.77% 0.0600 142.50) 49.1%, oklch(56.22% 0.0572 152.74) 50.9%, oklch(51.84% 0.0548 162.64) 52.7%, oklch(47.90% 0.0531 171.56) 54.5%, oklch(44.67% 0.0522 178.89) 56.4%, oklch(42.39% 0.0524 184.00) 58.2%, oklch(41.34% 0.0537 186.26) 60.0%, oklch(41.59% 0.0568 185.62) 61.8%, oklch(42.91% 0.0615 182.73) 63.6%, oklch(45.10% 0.0676 178.00) 65.5%, oklch(47.95% 0.0746 171.81) 67.3%, oklch(51.26% 0.0823 164.58) 69.1%, oklch(54.83% 0.0901 156.71) 70.9%, oklch(58.44% 0.0979 148.59) 72.7%, oklch(61.90% 0.1051 140.65) 74.5%, oklch(65.00% 0.1114 133.26) 76.4%, oklch(67.53% 0.1164 126.84) 78.2%, oklch(69.29% 0.1199 121.80) 80.0%, oklch(70.39% 0.1217 117.75) 81.8%, oklch(71.10% 0.1224 114.04) 83.6%, oklch(71.49% 0.1221 110.65) 85.5%, oklch(71.61% 0.1211 107.58) 87.3%, oklch(71.53% 0.1195 104.79) 89.1%, oklch(71.30% 0.1175 102.28) 90.9%, oklch(70.99% 0.1153 100.03) 92.7%, oklch(70.66% 0.1132 98.02) 94.5%, oklch(70.35% 0.1112 96.23) 96.4%, oklch(70.14% 0.1097 94.65) 98.2%, oklch(70.08% 0.1089 93.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.045 | 41.5 |
| 2 | 0.614 | 0.096 | 165.1 |
| 3 | 0.772 | 0.074 | 108.1 |
| 4 | 0.413 | 0.054 | 186.3 |
| 5 | 0.693 | 0.12 | 121.8 |
| 6 | 0.701 | 0.109 | 93.3 |

## Other forms

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