# Brown, red, teal and green linear gradient

Brown, red, teal and green linear gradient with 64 colors: #a4965c, #a59457, #a79052, #a98b4b, #ab8544, #ad7e3e, #af7639, #b16f35, #b26734, #b25f34, #b25736, #b15037, #af4a39, #ae4539, #ac4137, #ab3f33, #a93e2c, #a73f20, #a44305, #994d00, #8e5500, #845c00, #796200, #6c6900, #5a700c, #46752f, #307945, #1a7c58, #037e68, #008074, #0b817d, #198484, #248789, #2e8c8c, #39928f, #459a90, #54a290, #65aa8f, #78b28d, #8cba8c, #a1c08b, #b5c68b, #c7ca8c, #d7ce90, #e3d094, #ecd297, #f2d39a, #f2d39b, #eed199, #e6cd95, #d9c98f, #cac289, #b7bb83, #a2b37e, #8ba97b, #759f79, #5f9377, #4b8876, #397b74, #2c7071, #22656d, #1d5b69, #1a5266, #194c62. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWqzpEwTS4MegU5vnTJMhfRg`
- Page: https://grabient.com/kWqzpEwTS4MegU5vnTJMhfRg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#a4965c` | `oklch(67.32% 0.0799 96.33)` | Faded Khaki | black, 7.1 to 1 |
| 2 | `#a59457` | `oklch(66.71% 0.0825 93.56)` | Faded Khaki | black, 6.9 to 1 |
| 3 | `#a79052` | `oklch(65.90% 0.0859 89.55)` | Salted Capers | black, 6.7 to 1 |
| 4 | `#a98b4b` | `oklch(64.94% 0.0900 84.54)` | Golden Years | black, 6.4 to 1 |
| 5 | `#ab8544` | `oklch(63.85% 0.0947 78.75)` | Walnut Shell | black, 6.1 to 1 |
| 6 | `#ad7e3e` | `oklch(62.66% 0.0999 72.41)` | Kaolin | black, 5.8 to 1 |
| 7 | `#af7639` | `oklch(61.40% 0.1053 65.76)` | Durian | black, 5.4 to 1 |
| 8 | `#b16f35` | `oklch(60.09% 0.1109 59.00)` | Reno Sand | black, 5.1 to 1 |
| 9 | `#b26734` | `oklch(58.77% 0.1165 52.39)` | Date Fruit Brown | black, 4.8 to 1 |
| 10 | `#b25f34` | `oklch(57.46% 0.1220 46.13)` | Fudgesicle | white, 4.5 to 1 |
| 11 | `#b25736` | `oklch(56.19% 0.1272 40.47)` | Overcast Brick | white, 4.8 to 1 |
| 12 | `#b15037` | `oklch(55.00% 0.1320 35.63)` | Crimson Warrior | white, 5.1 to 1 |
| 13 | `#af4a39` | `oklch(53.90% 0.1362 31.83)` | Spiced Up | white, 5.4 to 1 |
| 14 | `#ae4539` | `oklch(52.94% 0.1398 29.31)` | Glitzy Red | white, 5.6 to 1 |
| 15 | `#ac4137` | `oklch(52.13% 0.1425 28.29)` | Rum Punch | white, 5.8 to 1 |
| 16 | `#ab3f33` | `oklch(51.51% 0.1441 29.00)` | Chocolate Chilli | white, 6 to 1 |
| 17 | `#a93e2c` | `oklch(51.10% 0.1447 31.70)` | Chocolate Chilli | white, 6.1 to 1 |
| 18 | `#a73f20` | `oklch(50.80% 0.1441 37.01)` | Crimson Blaze | white, 6.2 to 1 |
| 19 | `#a44305` | `oklch(50.57% 0.1426 44.82)` | Powdered Coffee | white, 6.2 to 1 |
| 20 | `#994d00` | `oklch(50.41% 0.1253 54.71)` | Warm Brown | white, 6.1 to 1 |
| 21 | `#8e5500` | `oklch(50.33% 0.1118 66.36)` | Plain Old Brown | white, 6 to 1 |
| 22 | `#845c00` | `oklch(50.34% 0.1045 79.34)` | Soil of Avagddu | white, 6 to 1 |
| 23 | `#796200` | `oklch(50.43% 0.1033 93.27)` | Spicy Mustard | white, 5.8 to 1 |
| 24 | `#6c6900` | `oklch(50.60% 0.1089 107.73)` | Worn Olive | white, 5.7 to 1 |
| 25 | `#5a700c` | `oklch(50.88% 0.1191 122.33)` | Over the Hills | white, 5.6 to 1 |
| 26 | `#46752f` | `oklch(51.25% 0.1141 136.68)` | Druid Green | white, 5.4 to 1 |
| 27 | `#307945` | `oklch(51.72% 0.1092 150.39)` | Cucumber Queen | white, 5.2 to 1 |
| 28 | `#1a7c58` | `oklch(52.29% 0.1044 163.06)` | Sharp Green | white, 5.1 to 1 |
| 29 | `#037e68` | `oklch(52.98% 0.0998 174.30)` | Mediaeval Forest | white, 5 to 1 |
| 30 | `#008074` | `oklch(53.78% 0.0954 183.72)` | Green Garlands | white, 4.8 to 1 |
| 31 | `#0b817d` | `oklch(54.70% 0.0922 190.93)` | Belly Flop | white, 4.6 to 1 |
| 32 | `#198484` | `oklch(55.73% 0.0893 195.52)` | Bayou | black, 4.6 to 1 |
| 33 | `#248789` | `oklch(56.95% 0.0872 197.12)` | Thai Teal | black, 4.8 to 1 |
| 34 | `#2e8c8c` | `oklch(58.60% 0.0855 195.62)` | Taos Turquoise | black, 5.2 to 1 |
| 35 | `#39928f` | `oklch(60.66% 0.0842 191.43)` | Blue Chill | black, 5.6 to 1 |
| 36 | `#459a90` | `oklch(63.06% 0.0832 184.94)` | Lagoon | black, 6.2 to 1 |
| 37 | `#54a290` | `oklch(65.71% 0.0825 176.60)` | Golf Blazer | black, 6.9 to 1 |
| 38 | `#65aa8f` | `oklch(68.52% 0.0820 166.80)` | Artemesia Green | black, 7.7 to 1 |
| 39 | `#78b28d` | `oklch(71.42% 0.0817 155.98)` | Mate Tea | black, 8.5 to 1 |
| 40 | `#8cba8c` | `oklch(74.32% 0.0815 144.54)` | Green Masquerade | black, 9.5 to 1 |
| 41 | `#a1c08b` | `oklch(77.15% 0.0814 132.92)` | Green Herb | black, 10.4 to 1 |
| 42 | `#b5c68b` | `oklch(79.81% 0.0814 121.52)` | Marsh Fern | black, 11.3 to 1 |
| 43 | `#c7ca8c` | `oklch(82.24% 0.0814 110.77)` | Springtide Green | black, 12.2 to 1 |
| 44 | `#d7ce90` | `oklch(84.34% 0.0814 101.08)` | Lemon Fennel | black, 13 to 1 |
| 45 | `#e3d094` | `oklch(86.04% 0.0813 92.88)` | Garden Picket | black, 13.7 to 1 |
| 46 | `#ecd297` | `oklch(87.26% 0.0810 86.58)` | White Corn | black, 14.2 to 1 |
| 47 | `#f2d39a` | `oklch(87.91% 0.0807 82.60)` | Marquisette | black, 14.5 to 1 |
| 48 | `#f2d39b` | `oklch(87.91% 0.0801 81.37)` | Marquisette | black, 14.5 to 1 |
| 49 | `#eed199` | `oklch(87.16% 0.0793 83.08)` | Sparkling Champagne | black, 14.1 to 1 |
| 50 | `#e6cd95` | `oklch(85.66% 0.0785 87.31)` | Honeycomb Glow | black, 13.5 to 1 |
| 51 | `#d9c98f` | `oklch(83.48% 0.0775 93.71)` | Asparagus Yellow | black, 12.6 to 1 |
| 52 | `#cac289` | `oklch(80.74% 0.0765 101.97)` | Fiddlehead Fern | black, 11.6 to 1 |
| 53 | `#b7bb83` | `oklch(77.53% 0.0754 111.77)` | Grass Cloth | black, 10.4 to 1 |
| 54 | `#a2b37e` | `oklch(73.95% 0.0743 122.80)` | Serpentine | black, 9.2 to 1 |
| 55 | `#8ba97b` | `oklch(70.09% 0.0731 134.73)` | Lounge Green | black, 8 to 1 |
| 56 | `#759f79` | `oklch(66.06% 0.0720 147.24)` | Holiday Camp | black, 6.9 to 1 |
| 57 | `#5f9377` | `oklch(61.96% 0.0708 160.04)` | Deep Grass Green | black, 5.9 to 1 |
| 58 | `#4b8876` | `oklch(57.87% 0.0697 172.78)` | Think Leaf | black, 5 to 1 |
| 59 | `#397b74` | `oklch(53.91% 0.0687 185.17)` | Pearl Green | white, 4.9 to 1 |
| 60 | `#2c7071` | `oklch(50.17% 0.0677 196.87)` | Nordmann Fir | white, 5.7 to 1 |
| 61 | `#22656d` | `oklch(46.75% 0.0668 207.57)` | Pacific | white, 6.7 to 1 |
| 62 | `#1d5b69` | `oklch(43.74% 0.0660 216.97)` | Legion Blue | white, 7.6 to 1 |
| 63 | `#1a5266` | `oklch(41.25% 0.0653 224.73)` | Juggernaut | white, 8.5 to 1 |
| 64 | `#194c62` | `oklch(39.37% 0.0648 230.54)` | Lazurite Blue | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a4965c 0.0%, #a59457 1.6%, #a79052 3.2%, #a98b4b 4.8%, #ab8544 6.3%, #ad7e3e 7.9%, #af7639 9.5%, #b16f35 11.1%, #b26734 12.7%, #b25f34 14.3%, #b25736 15.9%, #b15037 17.5%, #af4a39 19.0%, #ae4539 20.6%, #ac4137 22.2%, #ab3f33 23.8%, #a93e2c 25.4%, #a73f20 27.0%, #a44305 28.6%, #994d00 30.2%, #8e5500 31.7%, #845c00 33.3%, #796200 34.9%, #6c6900 36.5%, #5a700c 38.1%, #46752f 39.7%, #307945 41.3%, #1a7c58 42.9%, #037e68 44.4%, #008074 46.0%, #0b817d 47.6%, #198484 49.2%, #248789 50.8%, #2e8c8c 52.4%, #39928f 54.0%, #459a90 55.6%, #54a290 57.1%, #65aa8f 58.7%, #78b28d 60.3%, #8cba8c 61.9%, #a1c08b 63.5%, #b5c68b 65.1%, #c7ca8c 66.7%, #d7ce90 68.3%, #e3d094 69.8%, #ecd297 71.4%, #f2d39a 73.0%, #f2d39b 74.6%, #eed199 76.2%, #e6cd95 77.8%, #d9c98f 79.4%, #cac289 81.0%, #b7bb83 82.5%, #a2b37e 84.1%, #8ba97b 85.7%, #759f79 87.3%, #5f9377 88.9%, #4b8876 90.5%, #397b74 92.1%, #2c7071 93.7%, #22656d 95.2%, #1d5b69 96.8%, #1a5266 98.4%, #194c62 100.0%);
background: linear-gradient(135deg in oklch, oklch(67.32% 0.0799 96.33) 0.0%, oklch(66.71% 0.0825 93.56) 1.6%, oklch(65.90% 0.0859 89.55) 3.2%, oklch(64.94% 0.0900 84.54) 4.8%, oklch(63.85% 0.0947 78.75) 6.3%, oklch(62.66% 0.0999 72.41) 7.9%, oklch(61.40% 0.1053 65.76) 9.5%, oklch(60.09% 0.1109 59.00) 11.1%, oklch(58.77% 0.1165 52.39) 12.7%, oklch(57.46% 0.1220 46.13) 14.3%, oklch(56.19% 0.1272 40.47) 15.9%, oklch(55.00% 0.1320 35.63) 17.5%, oklch(53.90% 0.1362 31.83) 19.0%, oklch(52.94% 0.1398 29.31) 20.6%, oklch(52.13% 0.1425 28.29) 22.2%, oklch(51.51% 0.1441 29.00) 23.8%, oklch(51.10% 0.1447 31.70) 25.4%, oklch(50.80% 0.1441 37.01) 27.0%, oklch(50.57% 0.1426 44.82) 28.6%, oklch(50.41% 0.1253 54.71) 30.2%, oklch(50.33% 0.1118 66.36) 31.7%, oklch(50.34% 0.1045 79.34) 33.3%, oklch(50.43% 0.1033 93.27) 34.9%, oklch(50.60% 0.1089 107.73) 36.5%, oklch(50.88% 0.1191 122.33) 38.1%, oklch(51.25% 0.1141 136.68) 39.7%, oklch(51.72% 0.1092 150.39) 41.3%, oklch(52.29% 0.1044 163.06) 42.9%, oklch(52.98% 0.0998 174.30) 44.4%, oklch(53.78% 0.0954 183.72) 46.0%, oklch(54.70% 0.0922 190.93) 47.6%, oklch(55.73% 0.0893 195.52) 49.2%, oklch(56.95% 0.0872 197.12) 50.8%, oklch(58.60% 0.0855 195.62) 52.4%, oklch(60.66% 0.0842 191.43) 54.0%, oklch(63.06% 0.0832 184.94) 55.6%, oklch(65.71% 0.0825 176.60) 57.1%, oklch(68.52% 0.0820 166.80) 58.7%, oklch(71.42% 0.0817 155.98) 60.3%, oklch(74.32% 0.0815 144.54) 61.9%, oklch(77.15% 0.0814 132.92) 63.5%, oklch(79.81% 0.0814 121.52) 65.1%, oklch(82.24% 0.0814 110.77) 66.7%, oklch(84.34% 0.0814 101.08) 68.3%, oklch(86.04% 0.0813 92.88) 69.8%, oklch(87.26% 0.0810 86.58) 71.4%, oklch(87.91% 0.0807 82.60) 73.0%, oklch(87.91% 0.0801 81.37) 74.6%, oklch(87.16% 0.0793 83.08) 76.2%, oklch(85.66% 0.0785 87.31) 77.8%, oklch(83.48% 0.0775 93.71) 79.4%, oklch(80.74% 0.0765 101.97) 81.0%, oklch(77.53% 0.0754 111.77) 82.5%, oklch(73.95% 0.0743 122.80) 84.1%, oklch(70.09% 0.0731 134.73) 85.7%, oklch(66.06% 0.0720 147.24) 87.3%, oklch(61.96% 0.0708 160.04) 88.9%, oklch(57.87% 0.0697 172.78) 90.5%, oklch(53.91% 0.0687 185.17) 92.1%, oklch(50.17% 0.0677 196.87) 93.7%, oklch(46.75% 0.0668 207.57) 95.2%, oklch(43.74% 0.0660 216.97) 96.8%, oklch(41.25% 0.0653 224.73) 98.4%, oklch(39.37% 0.0648 230.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.08 | 96.3 |
| 2 | 0.512 | 0.145 | 30.8 |
| 3 | 0.563 | 0.088 | 196.7 |
| 4 | 0.878 | 0.08 | 81.5 |
| 5 | 0.394 | 0.065 | 230.5 |

## Other forms

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