# Forest green orange diagonal

Tritone green, orange and yellow linear gradient with 32 colors: #48765a, #507b56, #60824d, #78883e, #968c29, #b58d0e, #d18d00, #e78c11, #f38c1c, #f98f19, #fb9501, #f69e00, #eda700, #e1ae00, #d2b200, #c1b400, #adb21e, #93aa2f, #769d3b, #588d41, #3f7d43, #2c6e43, #216241, #1f5c40, #265d43, #346449, #467051, #5b7e5b, #718e66, #879e70, #9aab7a, #a6b381. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone green, orange and yellow linear gradient
- Seed: `kWhTBv3Tu0l85xY2G8Y3pm7A`
- Page: https://grabient.com/kWhTBv3Tu0l85xY2G8Y3pm7A?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#48765a` | `oklch(52.36% 0.0661 156.80)` | Como | white, 5.2 to 1 |
| 2 | `#507b56` | `oklch(54.17% 0.0747 148.05)` | Torrey Pine | white, 4.8 to 1 |
| 3 | `#60824d` | `oklch(56.74% 0.0870 135.26)` | Talipot Palm | black, 4.8 to 1 |
| 4 | `#78883e` | `oklch(59.81% 0.1016 119.96)` | Laird | black, 5.4 to 1 |
| 5 | `#968c29` | `oklch(63.11% 0.1174 103.71)` | Potter Green | black, 6 to 1 |
| 6 | `#b58d0e` | `oklch(66.40% 0.1329 88.05)` | Loden Yellow | black, 6.8 to 1 |
| 7 | `#d18d00` | `oklch(69.41% 0.1468 74.50)` | End of Summer | black, 7.5 to 1 |
| 8 | `#e78c11` | `oklch(71.88% 0.1582 64.67)` | Hotter Butter | black, 8.1 to 1 |
| 9 | `#f38c1c` | `oklch(73.59% 0.1654 59.99)` | Saffron Gold | black, 8.5 to 1 |
| 10 | `#f98f19` | `oklch(74.95% 0.1698 60.09)` | Jú Huáng Tangerine | black, 9 to 1 |
| 11 | `#fb9501` | `oklch(76.11% 0.1722 63.77)` | Aromango | black, 9.4 to 1 |
| 12 | `#f69e00` | `oklch(76.98% 0.1666 70.13)` | Mad for Mango | black, 9.8 to 1 |
| 13 | `#eda700` | `oklch(77.47% 0.1613 78.30)` | Illuminate Me | black, 10 to 1 |
| 14 | `#e1ae00` | `oklch(77.48% 0.1584 87.38)` | Mustard Yellow | black, 10.2 to 1 |
| 15 | `#d2b200` | `oklch(76.92% 0.1584 96.47)` | Mustard | black, 10.1 to 1 |
| 16 | `#c1b400` | `oklch(75.70% 0.1604 104.69)` | Olive Yellow | black, 9.8 to 1 |
| 17 | `#adb21e` | `oklch(73.55% 0.1552 111.63)` | Fusion | black, 9.1 to 1 |
| 18 | `#93aa2f` | `oklch(69.72% 0.1462 119.50)` | Beautiful Mint | black, 8 to 1 |
| 19 | `#769d3b` | `oklch(64.63% 0.1348 128.15)` | Indubitably Green | black, 6.6 to 1 |
| 20 | `#588d41` | `oklch(58.93% 0.1221 136.95)` | Fern | black, 5.3 to 1 |
| 21 | `#3f7d43` | `oklch(53.25% 0.1089 145.25)` | Hills of Ireland | white, 4.9 to 1 |
| 22 | `#2c6e43` | `oklch(48.21% 0.0965 152.40)` | Billiard Ball | white, 6.1 to 1 |
| 23 | `#216241` | `oklch(44.46% 0.0856 157.78)` | Fairway Green | white, 7.2 to 1 |
| 24 | `#1f5c40` | `oklch(42.61% 0.0773 160.74)` | Greenbriar | white, 7.9 to 1 |
| 25 | `#265d43` | `oklch(43.21% 0.0722 160.57)` | Greenbriar | white, 7.7 to 1 |
| 26 | `#346449` | `oklch(46.01% 0.0692 157.27)` | Black Pine Green | white, 6.8 to 1 |
| 27 | `#467051` | `oklch(50.39% 0.0679 151.67)` | Fairway | white, 5.7 to 1 |
| 28 | `#5b7e5b` | `oklch(55.74% 0.0678 144.65)` | Green Mantle | black, 4.5 to 1 |
| 29 | `#718e66` | `oklch(61.44% 0.0685 137.09)` | Villandry | black, 5.7 to 1 |
| 30 | `#879e70` | `oklch(66.86% 0.0694 129.84)` | Purslane | black, 7.1 to 1 |
| 31 | `#9aab7a` | `oklch(71.39% 0.0702 123.79)` | Siamese Green | black, 8.4 to 1 |
| 32 | `#a6b381` | `oklch(74.41% 0.0703 119.81)` | Great Green | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #48765a 0.0%, #507b56 3.2%, #60824d 6.5%, #78883e 9.7%, #968c29 12.9%, #b58d0e 16.1%, #d18d00 19.4%, #e78c11 22.6%, #f38c1c 25.8%, #f98f19 29.0%, #fb9501 32.3%, #f69e00 35.5%, #eda700 38.7%, #e1ae00 41.9%, #d2b200 45.2%, #c1b400 48.4%, #adb21e 51.6%, #93aa2f 54.8%, #769d3b 58.1%, #588d41 61.3%, #3f7d43 64.5%, #2c6e43 67.7%, #216241 71.0%, #1f5c40 74.2%, #265d43 77.4%, #346449 80.6%, #467051 83.9%, #5b7e5b 87.1%, #718e66 90.3%, #879e70 93.5%, #9aab7a 96.8%, #a6b381 100.0%);
background: linear-gradient(225deg in oklch, oklch(52.36% 0.0661 156.80) 0.0%, oklch(54.17% 0.0747 148.05) 3.2%, oklch(56.74% 0.0870 135.26) 6.5%, oklch(59.81% 0.1016 119.96) 9.7%, oklch(63.11% 0.1174 103.71) 12.9%, oklch(66.40% 0.1329 88.05) 16.1%, oklch(69.41% 0.1468 74.50) 19.4%, oklch(71.88% 0.1582 64.67) 22.6%, oklch(73.59% 0.1654 59.99) 25.8%, oklch(74.95% 0.1698 60.09) 29.0%, oklch(76.11% 0.1722 63.77) 32.3%, oklch(76.98% 0.1666 70.13) 35.5%, oklch(77.47% 0.1613 78.30) 38.7%, oklch(77.48% 0.1584 87.38) 41.9%, oklch(76.92% 0.1584 96.47) 45.2%, oklch(75.70% 0.1604 104.69) 48.4%, oklch(73.55% 0.1552 111.63) 51.6%, oklch(69.72% 0.1462 119.50) 54.8%, oklch(64.63% 0.1348 128.15) 58.1%, oklch(58.93% 0.1221 136.95) 61.3%, oklch(53.25% 0.1089 145.25) 64.5%, oklch(48.21% 0.0965 152.40) 67.7%, oklch(44.46% 0.0856 157.78) 71.0%, oklch(42.61% 0.0773 160.74) 74.2%, oklch(43.21% 0.0722 160.57) 77.4%, oklch(46.01% 0.0692 157.27) 80.6%, oklch(50.39% 0.0679 151.67) 83.9%, oklch(55.74% 0.0678 144.65) 87.1%, oklch(61.44% 0.0685 137.09) 90.3%, oklch(66.86% 0.0694 129.84) 93.5%, oklch(71.39% 0.0702 123.79) 96.8%, oklch(74.41% 0.0703 119.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.066 | 156.8 |
| 2 | 0.732 | 0.164 | 60.6 |
| 3 | 0.748 | 0.158 | 108.2 |
| 4 | 0.425 | 0.076 | 161 |
| 5 | 0.744 | 0.07 | 119.8 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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