# Brown, navy, teal and green linear gradient

Brown, navy, teal and green linear gradient with 40 colors: #836537, #746532, #5c6334, #3d5f3d, #205749, #0e4c51, #134254, #1b3b54, #1f3957, #1d3e5e, #0e4869, #00566c, #00666d, #00756a, #008460, #258e4e, #3f9145, #4a9243, #4d9145, #4b8f4b, #488c51, #448857, #41855b, #40825f, #408062, #3f7e65, #3e7b69, #3e786b, #3f756d, #40746f, #427370, #437571, #447973, #458074, #498974, #519270, #5f9a69, #70a160, #80a656, #8da94f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYhjY3KxZUkoxs5GH0FwxRDdgsOC`
- Page: https://grabient.com/kYhjY3KxZUkoxs5GH0FwxRDdgsOC?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#836537` | `oklch(52.76% 0.0744 77.34)` | Dirt Brown | white, 5.3 to 1 |
| 2 | `#746532` | `oklch(50.94% 0.0727 93.20)` | Himalaya | white, 5.7 to 1 |
| 3 | `#5c6334` | `oklch(48.19% 0.0697 116.51)` | Marsh Mix | white, 6.3 to 1 |
| 4 | `#3d5f3d` | `oklch(44.89% 0.0660 144.41)` | Cupidity | white, 7.2 to 1 |
| 5 | `#205749` | `oklch(41.44% 0.0624 174.02)` | Bagpiper | white, 8.3 to 1 |
| 6 | `#0e4c51` | `oklch(38.23% 0.0595 202.49)` | Port Malmesbury | white, 9.6 to 1 |
| 7 | `#134254` | `oklch(35.65% 0.0580 226.95)` | Cold and Dark | white, 10.8 to 1 |
| 8 | `#1b3b54` | `oklch(34.10% 0.0584 244.52)` | Gibraltar Sea | white, 11.6 to 1 |
| 9 | `#1f3957` | `oklch(33.97% 0.0615 252.38)` | Navy Peony | white, 11.7 to 1 |
| 10 | `#1d3e5e` | `oklch(35.50% 0.0686 249.80)` | Sir Edmund | white, 11 to 1 |
| 11 | `#0e4869` | `oklch(38.38% 0.0791 239.13)` | Tanzanite Blue | white, 9.7 to 1 |
| 12 | `#00566c` | `oklch(42.16% 0.0785 222.90)` | Submersible | white, 8.2 to 1 |
| 13 | `#00666d` | `oklch(46.37% 0.0790 203.54)` | Trouser Blue | white, 6.7 to 1 |
| 14 | `#00756a` | `oklch(50.57% 0.0898 183.60)` | Hawk Turquoise | white, 5.5 to 1 |
| 15 | `#008460` | `oklch(54.33% 0.1133 165.60)` | Spectral Green | white, 4.7 to 1 |
| 16 | `#258e4e` | `oklch(57.17% 0.1345 152.05)` | Bottle Glass | black, 5 to 1 |
| 17 | `#3f9145` | `oklch(58.74% 0.1367 145.01)` | Park Picnic | black, 5.3 to 1 |
| 18 | `#4a9243` | `oklch(59.36% 0.1347 142.05)` | May Green | black, 5.4 to 1 |
| 19 | `#4d9145` | `oklch(59.30% 0.1294 141.79)` | May Green | black, 5.4 to 1 |
| 20 | `#4b8f4b` | `oklch(58.76% 0.1219 143.58)` | Virgo Green Goddess | black, 5.3 to 1 |
| 21 | `#488c51` | `oklch(57.91% 0.1130 146.78)` | Medium Green | black, 5.1 to 1 |
| 22 | `#448857` | `oklch(56.93% 0.1038 150.78)` | Kilkenny | black, 4.9 to 1 |
| 23 | `#41855b` | `oklch(56.00% 0.0950 154.92)` | Adamite Green | black, 4.7 to 1 |
| 24 | `#40825f` | `oklch(55.30% 0.0877 158.58)` | Leisure Green | white, 4.5 to 1 |
| 25 | `#408062` | `oklch(54.86% 0.0822 161.75)` | Leisure Green | white, 4.6 to 1 |
| 26 | `#3f7e65` | `oklch(54.27% 0.0763 166.33)` | Bathing Beauty | white, 4.8 to 1 |
| 27 | `#3e7b69` | `oklch(53.57% 0.0702 171.90)` | Leaping Lizard | white, 4.9 to 1 |
| 28 | `#3e786b` | `oklch(52.89% 0.0645 177.75)` | Maturity | white, 5.1 to 1 |
| 29 | `#3f756d` | `oklch(52.34% 0.0596 183.17)` | Green Sleeves | white, 5.2 to 1 |
| 30 | `#40746f` | `oklch(52.03% 0.0561 187.44)` | Surf Green | white, 5.3 to 1 |
| 31 | `#427370` | `oklch(52.07% 0.0543 189.88)` | Surf Green | white, 5.3 to 1 |
| 32 | `#437571` | `oklch(52.59% 0.0547 189.75)` | Surf Green | white, 5.2 to 1 |
| 33 | `#447973` | `oklch(53.75% 0.0582 186.26)` | Sea Pea | white, 4.9 to 1 |
| 34 | `#458074` | `oklch(55.62% 0.0652 179.39)` | Azurite Water Green | black, 4.5 to 1 |
| 35 | `#498974` | `oklch(57.98% 0.0745 170.15)` | Think Leaf | black, 5 to 1 |
| 36 | `#519270` | `oklch(60.61% 0.0852 159.55)` | Green Weed | black, 5.6 to 1 |
| 37 | `#5f9a69` | `oklch(63.28% 0.0962 148.60)` | Wildness Mint | black, 6.3 to 1 |
| 38 | `#70a160` | `oklch(65.76% 0.1066 138.32)` | Bulbasaur | black, 6.9 to 1 |
| 39 | `#80a656` | `oklch(67.84% 0.1153 129.73)` | Mosquito Fern | black, 7.5 to 1 |
| 40 | `#8da94f` | `oklch(69.29% 0.1213 123.84)` | Lime It or Leave It | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #836537 0.0%, #746532 2.6%, #5c6334 5.1%, #3d5f3d 7.7%, #205749 10.3%, #0e4c51 12.8%, #134254 15.4%, #1b3b54 17.9%, #1f3957 20.5%, #1d3e5e 23.1%, #0e4869 25.6%, #00566c 28.2%, #00666d 30.8%, #00756a 33.3%, #008460 35.9%, #258e4e 38.5%, #3f9145 41.0%, #4a9243 43.6%, #4d9145 46.2%, #4b8f4b 48.7%, #488c51 51.3%, #448857 53.8%, #41855b 56.4%, #40825f 59.0%, #408062 61.5%, #3f7e65 64.1%, #3e7b69 66.7%, #3e786b 69.2%, #3f756d 71.8%, #40746f 74.4%, #427370 76.9%, #437571 79.5%, #447973 82.1%, #458074 84.6%, #498974 87.2%, #519270 89.7%, #5f9a69 92.3%, #70a160 94.9%, #80a656 97.4%, #8da94f 100.0%);
background: linear-gradient(135deg in oklch, oklch(52.76% 0.0744 77.34) 0.0%, oklch(50.94% 0.0727 93.20) 2.6%, oklch(48.19% 0.0697 116.51) 5.1%, oklch(44.89% 0.0660 144.41) 7.7%, oklch(41.44% 0.0624 174.02) 10.3%, oklch(38.23% 0.0595 202.49) 12.8%, oklch(35.65% 0.0580 226.95) 15.4%, oklch(34.10% 0.0584 244.52) 17.9%, oklch(33.97% 0.0615 252.38) 20.5%, oklch(35.50% 0.0686 249.80) 23.1%, oklch(38.38% 0.0791 239.13) 25.6%, oklch(42.16% 0.0785 222.90) 28.2%, oklch(46.37% 0.0790 203.54) 30.8%, oklch(50.57% 0.0898 183.60) 33.3%, oklch(54.33% 0.1133 165.60) 35.9%, oklch(57.17% 0.1345 152.05) 38.5%, oklch(58.74% 0.1367 145.01) 41.0%, oklch(59.36% 0.1347 142.05) 43.6%, oklch(59.30% 0.1294 141.79) 46.2%, oklch(58.76% 0.1219 143.58) 48.7%, oklch(57.91% 0.1130 146.78) 51.3%, oklch(56.93% 0.1038 150.78) 53.8%, oklch(56.00% 0.0950 154.92) 56.4%, oklch(55.30% 0.0877 158.58) 59.0%, oklch(54.86% 0.0822 161.75) 61.5%, oklch(54.27% 0.0763 166.33) 64.1%, oklch(53.57% 0.0702 171.90) 66.7%, oklch(52.89% 0.0645 177.75) 69.2%, oklch(52.34% 0.0596 183.17) 71.8%, oklch(52.03% 0.0561 187.44) 74.4%, oklch(52.07% 0.0543 189.88) 76.9%, oklch(52.59% 0.0547 189.75) 79.5%, oklch(53.75% 0.0582 186.26) 82.1%, oklch(55.62% 0.0652 179.39) 84.6%, oklch(57.98% 0.0745 170.15) 87.2%, oklch(60.61% 0.0852 159.55) 89.7%, oklch(63.28% 0.0962 148.60) 92.3%, oklch(65.76% 0.1066 138.32) 94.9%, oklch(67.84% 0.1153 129.73) 97.4%, oklch(69.29% 0.1213 123.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.074 | 77.3 |
| 2 | 0.339 | 0.061 | 251.7 |
| 3 | 0.583 | 0.136 | 147.1 |
| 4 | 0.551 | 0.085 | 159.8 |
| 5 | 0.528 | 0.055 | 189.4 |
| 6 | 0.693 | 0.121 | 123.8 |

## In these collections

- [Cider press afternoon](https://grabient.com/cider-press-afternoon)

## Other forms

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