# Sage gold forest diagonal

Duotone tan to dark green linear gradient with 48 colors: #cba63f, #c7a741, #c1a846, #baaa4b, #b3ab52, #abac59, #a3ad60, #9cad67, #95ad6d, #90ac71, #8cab74, #89a975, #88a774, #88a571, #89a36c, #8ca166, #909e5e, #959a56, #9a964d, #9f9244, #a28d3c, #a48836, #a48230, #a17d2c, #9b7928, #927326, #866d24, #786623, #6a5f23, #5c5724, #4e5024, #424825, #384124, #303b24, #2a3623, #263222, #233122, #213122, #203324, #1f3626, #1e3a29, #1d3e2d, #1a4332, #174837, #134d3c, #0e5241, #065545, #005848. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone tan to dark green linear gradient
- Seed: `kWvFw_WB1FUymugmDEZtBxEI`
- Page: https://grabient.com/kWvFw_WB1FUymugmDEZtBxEI?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#cba63f` | `oklch(74.02% 0.1268 88.59)` | Aniseed | black, 9 to 1 |
| 2 | `#c7a741` | `oklch(73.80% 0.1242 91.16)` | Gooseberry Yellow | black, 9 to 1 |
| 3 | `#c1a846` | `oklch(73.54% 0.1207 94.81)` | Deadsy | black, 8.9 to 1 |
| 4 | `#baaa4b` | `oklch(73.25% 0.1164 99.29)` | Cress Green | black, 8.9 to 1 |
| 5 | `#b3ab52` | `oklch(72.92% 0.1115 104.33)` | Dill Green | black, 8.8 to 1 |
| 6 | `#abac59` | `oklch(72.56% 0.1063 109.69)` | Palm Frond | black, 8.7 to 1 |
| 7 | `#a3ad60` | `oklch(72.17% 0.1011 115.09)` | Stay in Lime | black, 8.6 to 1 |
| 8 | `#9cad67` | `oklch(71.74% 0.0959 120.28)` | Herbal Garden | black, 8.5 to 1 |
| 9 | `#95ad6d` | `oklch(71.28% 0.0911 124.99)` | Gallant Green | black, 8.4 to 1 |
| 10 | `#90ac71` | `oklch(70.79% 0.0869 128.98)` | Geranium Leaf | black, 8.3 to 1 |
| 11 | `#8cab74` | `oklch(70.27% 0.0834 131.97)` | Geranium Leaf | black, 8.1 to 1 |
| 12 | `#89a975` | `oklch(69.72% 0.0810 133.71)` | Lush Fields | black, 7.9 to 1 |
| 13 | `#88a774` | `oklch(69.15% 0.0798 133.92)` | Moss Candy | black, 7.8 to 1 |
| 14 | `#88a571` | `oklch(68.62% 0.0801 132.26)` | Putrid Green | black, 7.6 to 1 |
| 15 | `#89a36c` | `oklch(68.14% 0.0818 128.93)` | Perennial Garden | black, 7.5 to 1 |
| 16 | `#8ca166` | `oklch(67.69% 0.0846 124.28)` | Buckingham Gardens | black, 7.3 to 1 |
| 17 | `#909e5e` | `oklch(67.22% 0.0882 118.71)` | Yanagizome Green | black, 7.2 to 1 |
| 18 | `#959a56` | `oklch(66.72% 0.0921 112.57)` | Vitality | black, 7 to 1 |
| 19 | `#9a964d` | `oklch(66.13% 0.0962 106.23)` | Ancient Maze | black, 6.8 to 1 |
| 20 | `#9f9244` | `oklch(65.45% 0.1000 100.06)` | Lentil Sprout | black, 6.6 to 1 |
| 21 | `#a28d3c` | `oklch(64.63% 0.1033 94.44)` | Autumn Festival | black, 6.4 to 1 |
| 22 | `#a48836` | `oklch(63.64% 0.1058 89.73)` | Peanut Brittle | black, 6.1 to 1 |
| 23 | `#a48230` | `oklch(62.46% 0.1071 86.30)` | Cloisonné Gold | black, 5.8 to 1 |
| 24 | `#a17d2c` | `oklch(61.04% 0.1069 84.52)` | Arlington Bronze | black, 5.5 to 1 |
| 25 | `#9b7928` | `oklch(59.33% 0.1048 84.68)` | Fernweh | black, 5.1 to 1 |
| 26 | `#927326` | `oklch(57.11% 0.1008 86.44)` | Mode Beige | black, 4.6 to 1 |
| 27 | `#866d24` | `oklch(54.45% 0.0950 89.50)` | Yukon Gold | white, 4.9 to 1 |
| 28 | `#786623` | `oklch(51.48% 0.0880 93.65)` | Brazen Brass | white, 5.6 to 1 |
| 29 | `#6a5f23` | `oklch(48.31% 0.0801 98.65)` | High Forest Green | white, 6.4 to 1 |
| 30 | `#5c5724` | `oklch(45.05% 0.0717 104.27)` | Reptile Revenge | white, 7.3 to 1 |
| 31 | `#4e5024` | `oklch(41.81% 0.0632 110.29)` | Private Green | white, 8.4 to 1 |
| 32 | `#424825` | `oklch(38.73% 0.0550 116.48)` | Avocado Dark Green | white, 9.5 to 1 |
| 33 | `#384124` | `oklch(35.90% 0.0475 122.60)` | Deep Seaweed | white, 10.7 to 1 |
| 34 | `#303b24` | `oklch(33.45% 0.0412 128.43)` | Turtle Skin | white, 11.8 to 1 |
| 35 | `#2a3623` | `oklch(31.50% 0.0364 133.75)` | Black Leather Jacket | white, 12.7 to 1 |
| 36 | `#263222` | `oklch(30.15% 0.0335 138.32)` | Mountain Range Green | white, 13.4 to 1 |
| 37 | `#233122` | `oklch(29.49% 0.0327 142.21)` | Mountain Range Green | white, 13.7 to 1 |
| 38 | `#213122` | `oklch(29.44% 0.0337 146.03)` | Mountain Range Green | white, 13.7 to 1 |
| 39 | `#203324` | `oklch(29.89% 0.0363 149.79)` | Cardin Green | white, 13.4 to 1 |
| 40 | `#1f3626` | `oklch(30.76% 0.0400 153.44)` | Cardin Green | white, 13 to 1 |
| 41 | `#1e3a29` | `oklch(31.95% 0.0446 156.96)` | Palm Green | white, 12.4 to 1 |
| 42 | `#1d3e2d` | `oklch(33.35% 0.0499 160.31)` | Mizukaze Green | white, 11.7 to 1 |
| 43 | `#1a4332` | `oklch(34.88% 0.0554 163.47)` | Sherwood Green | white, 11 to 1 |
| 44 | `#174837` | `oklch(36.43% 0.0609 166.40)` | Sherwood Green | white, 10.3 to 1 |
| 45 | `#134d3c` | `oklch(37.91% 0.0662 169.08)` | Brunswick Green | white, 9.7 to 1 |
| 46 | `#0e5241` | `oklch(39.22% 0.0708 171.47)` | Tetsu Green | white, 9.1 to 1 |
| 47 | `#065545` | `oklch(40.26% 0.0746 173.53)` | Breathe Deeply | white, 8.7 to 1 |
| 48 | `#005848` | `oklch(40.95% 0.0771 175.23)` | Forest Shadows | white, 8.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cba63f 0.0%, #c7a741 2.1%, #c1a846 4.3%, #baaa4b 6.4%, #b3ab52 8.5%, #abac59 10.6%, #a3ad60 12.8%, #9cad67 14.9%, #95ad6d 17.0%, #90ac71 19.1%, #8cab74 21.3%, #89a975 23.4%, #88a774 25.5%, #88a571 27.7%, #89a36c 29.8%, #8ca166 31.9%, #909e5e 34.0%, #959a56 36.2%, #9a964d 38.3%, #9f9244 40.4%, #a28d3c 42.6%, #a48836 44.7%, #a48230 46.8%, #a17d2c 48.9%, #9b7928 51.1%, #927326 53.2%, #866d24 55.3%, #786623 57.4%, #6a5f23 59.6%, #5c5724 61.7%, #4e5024 63.8%, #424825 66.0%, #384124 68.1%, #303b24 70.2%, #2a3623 72.3%, #263222 74.5%, #233122 76.6%, #213122 78.7%, #203324 80.9%, #1f3626 83.0%, #1e3a29 85.1%, #1d3e2d 87.2%, #1a4332 89.4%, #174837 91.5%, #134d3c 93.6%, #0e5241 95.7%, #065545 97.9%, #005848 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.02% 0.1268 88.59) 0.0%, oklch(73.80% 0.1242 91.16) 2.1%, oklch(73.54% 0.1207 94.81) 4.3%, oklch(73.25% 0.1164 99.29) 6.4%, oklch(72.92% 0.1115 104.33) 8.5%, oklch(72.56% 0.1063 109.69) 10.6%, oklch(72.17% 0.1011 115.09) 12.8%, oklch(71.74% 0.0959 120.28) 14.9%, oklch(71.28% 0.0911 124.99) 17.0%, oklch(70.79% 0.0869 128.98) 19.1%, oklch(70.27% 0.0834 131.97) 21.3%, oklch(69.72% 0.0810 133.71) 23.4%, oklch(69.15% 0.0798 133.92) 25.5%, oklch(68.62% 0.0801 132.26) 27.7%, oklch(68.14% 0.0818 128.93) 29.8%, oklch(67.69% 0.0846 124.28) 31.9%, oklch(67.22% 0.0882 118.71) 34.0%, oklch(66.72% 0.0921 112.57) 36.2%, oklch(66.13% 0.0962 106.23) 38.3%, oklch(65.45% 0.1000 100.06) 40.4%, oklch(64.63% 0.1033 94.44) 42.6%, oklch(63.64% 0.1058 89.73) 44.7%, oklch(62.46% 0.1071 86.30) 46.8%, oklch(61.04% 0.1069 84.52) 48.9%, oklch(59.33% 0.1048 84.68) 51.1%, oklch(57.11% 0.1008 86.44) 53.2%, oklch(54.45% 0.0950 89.50) 55.3%, oklch(51.48% 0.0880 93.65) 57.4%, oklch(48.31% 0.0801 98.65) 59.6%, oklch(45.05% 0.0717 104.27) 61.7%, oklch(41.81% 0.0632 110.29) 63.8%, oklch(38.73% 0.0550 116.48) 66.0%, oklch(35.90% 0.0475 122.60) 68.1%, oklch(33.45% 0.0412 128.43) 70.2%, oklch(31.50% 0.0364 133.75) 72.3%, oklch(30.15% 0.0335 138.32) 74.5%, oklch(29.49% 0.0327 142.21) 76.6%, oklch(29.44% 0.0337 146.03) 78.7%, oklch(29.89% 0.0363 149.79) 80.9%, oklch(30.76% 0.0400 153.44) 83.0%, oklch(31.95% 0.0446 156.96) 85.1%, oklch(33.35% 0.0499 160.31) 87.2%, oklch(34.88% 0.0554 163.47) 89.4%, oklch(36.43% 0.0609 166.40) 91.5%, oklch(37.91% 0.0662 169.08) 93.6%, oklch(39.22% 0.0708 171.47) 95.7%, oklch(40.26% 0.0746 173.53) 97.9%, oklch(40.95% 0.0771 175.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.127 | 88.6 |
| 2 | 0.693 | 0.08 | 134 |
| 3 | 0.602 | 0.106 | 84.4 |
| 4 | 0.299 | 0.033 | 139.3 |
| 5 | 0.409 | 0.077 | 175.2 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)

## Other forms

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