# Tritone brown, olive and green linear gradient

Tritone brown, olive and green linear gradient with 40 colors: #2a1409, #31190a, #391f0b, #44280b, #4f320b, #5a3f0a, #644d0a, #6d5c0e, #736b17, #767b23, #768931, #74963f, #70a14c, #6ba857, #65ab5e, #5dac64, #56a967, #4ea568, #479f67, #419965, #3d9162, #398a5e, #36835a, #357e56, #357953, #367752, #387751, #3d7952, #447c53, #4d8155, #578757, #628e59, #6f965c, #7c9d5e, #89a561, #96ac64, #a3b266, #aeb869, #b7bc6b, #bec06d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUOB4hVS9K0GgQfkJrqA`
- Page: https://grabient.com/kUOB4hVS9K0GgQfkJrqA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 9 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 | `#2a1409` | `oklch(22.05% 0.0413 46.41)` | Zinnwaldite Brown | white, 17.4 to 1 |
| 2 | `#31190a` | `oklch(24.19% 0.0456 50.67)` | Darkout | white, 16.5 to 1 |
| 3 | `#391f0b` | `oklch(27.08% 0.0513 56.24)` | Close but No Cigar | white, 15.2 to 1 |
| 4 | `#44280b` | `oklch(30.57% 0.0583 62.88)` | Ibex Brown | white, 13.5 to 1 |
| 5 | `#4f320b` | `oklch(34.52% 0.0662 70.37)` | Kyoto House | white, 11.6 to 1 |
| 6 | `#5a3f0a` | `oklch(38.78% 0.0747 78.49)` | Smoked Oak Brown | white, 9.7 to 1 |
| 7 | `#644d0a` | `oklch(43.21% 0.0836 86.99)` | Olive Brown | white, 8 to 1 |
| 8 | `#6d5c0e` | `oklch(47.67% 0.0924 95.66)` | Hot Mustard | white, 6.6 to 1 |
| 9 | `#736b17` | `oklch(52.01% 0.1010 104.26)` | Brown Green | white, 5.4 to 1 |
| 10 | `#767b23` | `oklch(56.09% 0.1091 112.57)` | Ripe Green | black, 4.6 to 1 |
| 11 | `#768931` | `oklch(59.77% 0.1162 120.37)` | Pesto di Rucola | black, 5.4 to 1 |
| 12 | `#74963f` | `oklch(62.89% 0.1222 127.41)` | Lattice Green | black, 6.1 to 1 |
| 13 | `#70a14c` | `oklch(65.33% 0.1267 133.48)` | Unakite | black, 6.8 to 1 |
| 14 | `#6ba857` | `oklch(66.93% 0.1295 138.34)` | Fern Flash | black, 7.3 to 1 |
| 15 | `#65ab5e` | `oklch(67.61% 0.1304 142.27)` | Techno Green | black, 7.5 to 1 |
| 16 | `#5dac64` | `oklch(67.46% 0.1297 145.70)` | Algae | black, 7.5 to 1 |
| 17 | `#56a967` | `oklch(66.63% 0.1276 148.65)` | Deep Mint | black, 7.2 to 1 |
| 18 | `#4ea568` | `oklch(65.25% 0.1244 151.12)` | Bouncy Ball Green | black, 6.9 to 1 |
| 19 | `#479f67` | `oklch(63.48% 0.1204 153.15)` | Greenish | black, 6.4 to 1 |
| 20 | `#419965` | `oklch(61.43% 0.1157 154.74)` | Green Fondant | black, 5.9 to 1 |
| 21 | `#3d9162` | `oklch(59.27% 0.1107 155.92)` | Illuminati Green | black, 5.4 to 1 |
| 22 | `#398a5e` | `oklch(57.13% 0.1057 156.70)` | Argyle | black, 4.9 to 1 |
| 23 | `#36835a` | `oklch(55.14% 0.1008 157.11)` | Adamite Green | white, 4.5 to 1 |
| 24 | `#357e56` | `oklch(53.45% 0.0963 157.14)` | Amazon | white, 4.9 to 1 |
| 25 | `#357953` | `oklch(52.20% 0.0926 156.84)` | Amazon | white, 5.2 to 1 |
| 26 | `#367752` | `oklch(51.53% 0.0898 156.20)` | Amazon | white, 5.3 to 1 |
| 27 | `#387751` | `oklch(51.57% 0.0882 155.25)` | Amazon | white, 5.3 to 1 |
| 28 | `#3d7952` | `oklch(52.35% 0.0877 153.68)` | Rokushō Green | white, 5.2 to 1 |
| 29 | `#447c53` | `oklch(53.68% 0.0879 151.24)` | Rokushō Green | white, 4.9 to 1 |
| 30 | `#4d8155` | `oklch(55.50% 0.0886 148.09)` | Kilkenny | black, 4.6 to 1 |
| 31 | `#578757` | `oklch(57.69% 0.0899 144.38)` | Emerald Ring | black, 5 to 1 |
| 32 | `#628e59` | `oklch(60.16% 0.0916 140.25)` | Irish Charm | black, 5.5 to 1 |
| 33 | `#6f965c` | `oklch(62.83% 0.0935 135.84)` | Piquant Green | black, 6.1 to 1 |
| 34 | `#7c9d5e` | `oklch(65.58% 0.0956 131.32)` | Verdant Serenade | black, 6.8 to 1 |
| 35 | `#89a561` | `oklch(68.33% 0.0978 126.82)` | Scarpetta | black, 7.5 to 1 |
| 36 | `#96ac64` | `oklch(70.99% 0.1000 122.49)` | Gallant Green | black, 8.3 to 1 |
| 37 | `#a3b266` | `oklch(73.46% 0.1020 118.47)` | Cornstalk | black, 9.1 to 1 |
| 38 | `#aeb869` | `oklch(75.63% 0.1037 114.92)` | Lime Rickey | black, 9.8 to 1 |
| 39 | `#b7bc6b` | `oklch(77.42% 0.1051 111.99)` | Citrus Peel | black, 10.4 to 1 |
| 40 | `#bec06d` | `oklch(78.74% 0.1061 109.81)` | Zoodles | black, 10.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2a1409 0.0%, #31190a 2.6%, #391f0b 5.1%, #44280b 7.7%, #4f320b 10.3%, #5a3f0a 12.8%, #644d0a 15.4%, #6d5c0e 17.9%, #736b17 20.5%, #767b23 23.1%, #768931 25.6%, #74963f 28.2%, #70a14c 30.8%, #6ba857 33.3%, #65ab5e 35.9%, #5dac64 38.5%, #56a967 41.0%, #4ea568 43.6%, #479f67 46.2%, #419965 48.7%, #3d9162 51.3%, #398a5e 53.8%, #36835a 56.4%, #357e56 59.0%, #357953 61.5%, #367752 64.1%, #387751 66.7%, #3d7952 69.2%, #447c53 71.8%, #4d8155 74.4%, #578757 76.9%, #628e59 79.5%, #6f965c 82.1%, #7c9d5e 84.6%, #89a561 87.2%, #96ac64 89.7%, #a3b266 92.3%, #aeb869 94.9%, #b7bc6b 97.4%, #bec06d 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0413 46.41) 0.0%, oklch(24.19% 0.0456 50.67) 2.6%, oklch(27.08% 0.0513 56.24) 5.1%, oklch(30.57% 0.0583 62.88) 7.7%, oklch(34.52% 0.0662 70.37) 10.3%, oklch(38.78% 0.0747 78.49) 12.8%, oklch(43.21% 0.0836 86.99) 15.4%, oklch(47.67% 0.0924 95.66) 17.9%, oklch(52.01% 0.1010 104.26) 20.5%, oklch(56.09% 0.1091 112.57) 23.1%, oklch(59.77% 0.1162 120.37) 25.6%, oklch(62.89% 0.1222 127.41) 28.2%, oklch(65.33% 0.1267 133.48) 30.8%, oklch(66.93% 0.1295 138.34) 33.3%, oklch(67.61% 0.1304 142.27) 35.9%, oklch(67.46% 0.1297 145.70) 38.5%, oklch(66.63% 0.1276 148.65) 41.0%, oklch(65.25% 0.1244 151.12) 43.6%, oklch(63.48% 0.1204 153.15) 46.2%, oklch(61.43% 0.1157 154.74) 48.7%, oklch(59.27% 0.1107 155.92) 51.3%, oklch(57.13% 0.1057 156.70) 53.8%, oklch(55.14% 0.1008 157.11) 56.4%, oklch(53.45% 0.0963 157.14) 59.0%, oklch(52.20% 0.0926 156.84) 61.5%, oklch(51.53% 0.0898 156.20) 64.1%, oklch(51.57% 0.0882 155.25) 66.7%, oklch(52.35% 0.0877 153.68) 69.2%, oklch(53.68% 0.0879 151.24) 71.8%, oklch(55.50% 0.0886 148.09) 74.4%, oklch(57.69% 0.0899 144.38) 76.9%, oklch(60.16% 0.0916 140.25) 79.5%, oklch(62.83% 0.0935 135.84) 82.1%, oklch(65.58% 0.0956 131.32) 84.6%, oklch(68.33% 0.0978 126.82) 87.2%, oklch(70.99% 0.1000 122.49) 89.7%, oklch(73.46% 0.1020 118.47) 92.3%, oklch(75.63% 0.1037 114.92) 94.9%, oklch(77.42% 0.1051 111.99) 97.4%, oklch(78.74% 0.1061 109.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.041 | 46.4 |
| 2 | 0.669 | 0.13 | 138.3 |
| 3 | 0.516 | 0.088 | 155.3 |
| 4 | 0.787 | 0.106 | 109.8 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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