# Plum mustard corner glow

Vivid tritone green, brown and purple angular gradient with 21 colors: #a5c65a, #abc353, #b2bf4a, #bbba41, #c2b338, #c7ac32, #c9a530, #c99d31, #c89534, #c68c37, #c3833c, #c07843, #ba6e4c, #b36455, #a95b5c, #9d5362, #904a65, #804167, #703868, #623168, #572d67. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid tritone green, brown and purple angular gradient
- Seed: `kWxmZYXzI8tQqvFEJDksCa5o`
- Page: https://grabient.com/kWxmZYXzI8tQqvFEJDksCa5o?style=angularGradient&steps=21&angle=0
- Drawn as: angular gradient, 21 steps, 0 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#a5c65a` | `oklch(77.95% 0.1406 123.75)` | Spring Lime | black, 10.8 to 1 |
| 2 | `#abc353` | `oklch(77.61% 0.1405 120.06)` | Green Glow | black, 10.6 to 1 |
| 3 | `#b2bf4a` | `oklch(77.18% 0.1405 114.89)` | Celery | black, 10.4 to 1 |
| 4 | `#bbba41` | `oklch(76.61% 0.1403 108.81)` | Sinsemilla | black, 10.1 to 1 |
| 5 | `#c2b338` | `oklch(75.84% 0.1395 102.41)` | Mulgore Mustard | black, 9.8 to 1 |
| 6 | `#c7ac32` | `oklch(74.80% 0.1378 96.27)` | Hippie Trail | black, 9.4 to 1 |
| 7 | `#c9a530` | `oklch(73.49% 0.1348 90.77)` | Aru Ressha | black, 8.9 to 1 |
| 8 | `#c99d31` | `oklch(71.92% 0.1307 85.51)` | Local Curry | black, 8.3 to 1 |
| 9 | `#c89534` | `oklch(70.15% 0.1261 79.94)` | Alameda Ochre | black, 7.7 to 1 |
| 10 | `#c68c37` | `oklch(68.21% 0.1214 73.50)` | Child of the Moon | black, 7.2 to 1 |
| 11 | `#c3833c` | `oklch(66.14% 0.1171 65.63)` | Fancy Suede | black, 6.6 to 1 |
| 12 | `#c07843` | `oklch(63.92% 0.1130 55.84)` | Marmalade Glaze | black, 6 to 1 |
| 13 | `#ba6e4c` | `oklch(61.54% 0.1086 44.50)` | Adobe | black, 5.4 to 1 |
| 14 | `#b36455` | `oklch(59.00% 0.1045 32.35)` | Chimayo Red | black, 4.8 to 1 |
| 15 | `#a95b5c` | `oklch(56.33% 0.1012 20.13)` | Tuscan Clay | white, 4.8 to 1 |
| 16 | `#9d5362` | `oklch(53.54% 0.0992 8.56)` | Mission Wildflower | white, 5.4 to 1 |
| 17 | `#904a65` | `oklch(50.34% 0.0991 356.88)` | Glitterati | white, 6.2 to 1 |
| 18 | `#804167` | `oklch(46.71% 0.1005 344.59)` | Vivacious Violet | white, 7.3 to 1 |
| 19 | `#703868` | `oklch(43.11% 0.1027 332.85)` | Ayame Iris | white, 8.5 to 1 |
| 20 | `#623168` | `oklch(39.99% 0.1048 322.84)` | Imperial | white, 9.7 to 1 |
| 21 | `#572d67` | `oklch(37.80% 0.1061 315.73)` | Imperial Purple | white, 10.6 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #a5c65a 0.0%, #abc353 5.0%, #b2bf4a 10.0%, #bbba41 15.0%, #c2b338 20.0%, #c7ac32 25.0%, #c9a530 30.0%, #c99d31 35.0%, #c89534 40.0%, #c68c37 45.0%, #c3833c 50.0%, #c07843 55.0%, #ba6e4c 60.0%, #b36455 65.0%, #a95b5c 70.0%, #9d5362 75.0%, #904a65 80.0%, #804167 85.0%, #703868 90.0%, #623168 95.0%, #572d67 100.0%);
background: conic-gradient(from 0deg in oklch, oklch(77.95% 0.1406 123.75) 0.0%, oklch(77.61% 0.1405 120.06) 5.0%, oklch(77.18% 0.1405 114.89) 10.0%, oklch(76.61% 0.1403 108.81) 15.0%, oklch(75.84% 0.1395 102.41) 20.0%, oklch(74.80% 0.1378 96.27) 25.0%, oklch(73.49% 0.1348 90.77) 30.0%, oklch(71.92% 0.1307 85.51) 35.0%, oklch(70.15% 0.1261 79.94) 40.0%, oklch(68.21% 0.1214 73.50) 45.0%, oklch(66.14% 0.1171 65.63) 50.0%, oklch(63.92% 0.1130 55.84) 55.0%, oklch(61.54% 0.1086 44.50) 60.0%, oklch(59.00% 0.1045 32.35) 65.0%, oklch(56.33% 0.1012 20.13) 70.0%, oklch(53.54% 0.0992 8.56) 75.0%, oklch(50.34% 0.0991 356.88) 80.0%, oklch(46.71% 0.1005 344.59) 85.0%, oklch(43.11% 0.1027 332.85) 90.0%, oklch(39.99% 0.1048 322.84) 95.0%, oklch(37.80% 0.1061 315.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.141 | 123.8 |
| 2 | 0.748 | 0.138 | 96.3 |
| 3 | 0.661 | 0.117 | 65.6 |
| 4 | 0.535 | 0.099 | 8.6 |
| 5 | 0.378 | 0.106 | -44.3 |

## In these collections

- [Harvest gradients](https://grabient.com/harvest-gradients)

## Other forms

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