# Sage mustard green corner glow

Analogous dark green, olive and gray angular gradient with 21 colors: #212e20, #253724, #2c4428, #35532d, #406131, #4d6c35, #5c763b, #6b8041, #7a8947, #88914d, #959952, #a1a059, #aaa660, #afab67, #b3ae6f, #b3b176, #b0b37d, #a7b686, #9cb68f, #93b598, #8eb49e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous dark green, olive and gray angular gradient
- Seed: `kYSBZmuZ4_Eyhvfaob5X5rAl2TRY`
- Page: https://grabient.com/kYSBZmuZ4_Eyhvfaob5X5rAl2TRY?style=angularGradient&steps=21&angle=0
- Drawn as: angular gradient, 21 steps, 0 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.5 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 | `#212e20` | `oklch(28.35% 0.0303 144.14)` | Quartzite | white, 14.2 to 1 |
| 2 | `#253724` | `oklch(31.43% 0.0407 143.03)` | Black Leather Jacket | white, 12.7 to 1 |
| 3 | `#2c4428` | `oklch(35.88% 0.0559 141.50)` | Forestry | white, 10.6 to 1 |
| 4 | `#35532d` | `oklch(40.78% 0.0714 139.43)` | Kaitoke Green | white, 8.6 to 1 |
| 5 | `#406131` | `oklch(45.28% 0.0827 136.74)` | Greenhouse | white, 7.1 to 1 |
| 6 | `#4d6c35` | `oklch(49.25% 0.0883 133.11)` | Gully Green | white, 5.9 to 1 |
| 7 | `#5c763b` | `oklch(53.12% 0.0908 128.69)` | Majestic Jungle | white, 5 to 1 |
| 8 | `#6b8041` | `oklch(56.82% 0.0916 124.06)` | Moss Landing | black, 4.7 to 1 |
| 9 | `#7a8947` | `oklch(60.24% 0.0923 119.84)` | Green Suede | black, 5.4 to 1 |
| 10 | `#88914d` | `oklch(63.44% 0.0935 115.73)` | Vintage Vibe | black, 6.2 to 1 |
| 11 | `#959952` | `oklch(66.44% 0.0941 111.58)` | Salvia Divinorum | black, 6.9 to 1 |
| 12 | `#a1a059` | `oklch(69.09% 0.0939 108.12)` | Garden of Earthly Delights | black, 7.7 to 1 |
| 13 | `#aaa660` | `oklch(71.26% 0.0923 106.10)` | Wholemeal Cookie | black, 8.3 to 1 |
| 14 | `#afab67` | `oklch(72.87% 0.0889 105.09)` | Organic Garden | black, 8.8 to 1 |
| 15 | `#b3ae6f` | `oklch(74.02% 0.0840 104.91)` | Jalapeño Jelly | black, 9.2 to 1 |
| 16 | `#b3b176` | `oklch(74.77% 0.0784 106.64)` | Weeping Willow | black, 9.4 to 1 |
| 17 | `#b0b37d` | `oklch(75.20% 0.0730 111.38)` | Weeping Willow | black, 9.6 to 1 |
| 18 | `#a7b686` | `oklch(75.15% 0.0675 121.41)` | Great Green | black, 9.6 to 1 |
| 19 | `#9cb68f` | `oklch(74.66% 0.0615 135.49)` | Brookview | black, 9.5 to 1 |
| 20 | `#93b598` | `oklch(74.03% 0.0561 149.40)` | Liebermann Green | black, 9.3 to 1 |
| 21 | `#8eb49e` | `oklch(73.62% 0.0524 158.94)` | Garden District | black, 9.1 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #212e20 0.0%, #253724 5.0%, #2c4428 10.0%, #35532d 15.0%, #406131 20.0%, #4d6c35 25.0%, #5c763b 30.0%, #6b8041 35.0%, #7a8947 40.0%, #88914d 45.0%, #959952 50.0%, #a1a059 55.0%, #aaa660 60.0%, #afab67 65.0%, #b3ae6f 70.0%, #b3b176 75.0%, #b0b37d 80.0%, #a7b686 85.0%, #9cb68f 90.0%, #93b598 95.0%, #8eb49e 100.0%);
background: conic-gradient(from 0deg in oklch, oklch(28.35% 0.0303 144.14) 0.0%, oklch(31.43% 0.0407 143.03) 5.0%, oklch(35.88% 0.0559 141.50) 10.0%, oklch(40.78% 0.0714 139.43) 15.0%, oklch(45.28% 0.0827 136.74) 20.0%, oklch(49.25% 0.0883 133.11) 25.0%, oklch(53.12% 0.0908 128.69) 30.0%, oklch(56.82% 0.0916 124.06) 35.0%, oklch(60.24% 0.0923 119.84) 40.0%, oklch(63.44% 0.0935 115.73) 45.0%, oklch(66.44% 0.0941 111.58) 50.0%, oklch(69.09% 0.0939 108.12) 55.0%, oklch(71.26% 0.0923 106.10) 60.0%, oklch(72.87% 0.0889 105.09) 65.0%, oklch(74.02% 0.0840 104.91) 70.0%, oklch(74.77% 0.0784 106.64) 75.0%, oklch(75.20% 0.0730 111.38) 80.0%, oklch(75.15% 0.0675 121.41) 85.0%, oklch(74.66% 0.0615 135.49) 90.0%, oklch(74.03% 0.0561 149.40) 95.0%, oklch(73.62% 0.0524 158.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.03 | 144.1 |
| 2 | 0.453 | 0.083 | 136.7 |
| 3 | 0.602 | 0.092 | 119.8 |
| 4 | 0.713 | 0.092 | 106.1 |
| 5 | 0.752 | 0.073 | 111.4 |
| 6 | 0.736 | 0.052 | 158.9 |

## In these collections

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

## Other forms

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