# Mint plum diagonal shadow

Light green to dark purple linear gradient with 8 colors: #96ffc6, #94f8ac, #87c08f, #818276, #6c4557, #59093e, #400129, #280014. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light green to dark purple linear gradient
- Seed: `kc6l5xcjM--Ahv7MhrvOBUxagsv2fpUAlxvAg`
- Page: https://grabient.com/kc6l5xcjM--Ahv7MhrvOBUxagsv2fpUAlxvAg?steps=8&angle=135
- Drawn as: linear gradient, 8 steps, 135 degrees
- Kinds: light to dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 15.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 | `#96ffc6` | `oklch(92.12% 0.1263 158.91)` | Lemon Gate | black, 17.4 to 1 |
| 2 | `#94f8ac` | `oklch(89.76% 0.1406 150.45)` | Tenacious Tentacles | black, 16.2 to 1 |
| 3 | `#87c08f` | `oklch(75.59% 0.0923 148.34)` | Country Weekend | black, 9.9 to 1 |
| 4 | `#818276` | `oklch(60.24% 0.0179 113.47)` | Sage Slate | black, 5.3 to 1 |
| 5 | `#6c4557` | `oklch(44.09% 0.0579 350.88)` | Finn | white, 7.9 to 1 |
| 6 | `#59093e` | `oklch(31.50% 0.1226 346.66)` | Mulberry Wood | white, 13.7 to 1 |
| 7 | `#400129` | `oklch(24.80% 0.1020 348.77)` | Dark Sanctuary | white, 16.6 to 1 |
| 8 | `#280014` | `oklch(18.18% 0.0748 354.27)` | Belladonna | white, 19 to 1 |

## CSS

```css
background: linear-gradient(135deg, #96ffc6 0.0%, #94f8ac 14.3%, #87c08f 28.6%, #818276 42.9%, #6c4557 57.1%, #59093e 71.4%, #400129 85.7%, #280014 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.12% 0.1263 158.91) 0.0%, oklch(89.76% 0.1406 150.45) 14.3%, oklch(75.59% 0.0923 148.34) 28.6%, oklch(60.24% 0.0179 113.47) 42.9%, oklch(44.09% 0.0579 350.88) 57.1%, oklch(31.50% 0.1226 346.66) 71.4%, oklch(24.80% 0.1020 348.77) 85.7%, oklch(18.18% 0.0748 354.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.13 | 158.9 |
| 2 | 0.898 | 0.141 | 150.5 |
| 3 | 0.756 | 0.092 | 148.3 |
| 4 | 0.602 | 0.018 | 113.5 |
| 5 | 0.441 | 0.058 | -9.1 |
| 6 | 0.315 | 0.123 | -13.3 |
| 7 | 0.248 | 0.102 | -11.2 |
| 8 | 0.181 | 0.076 | -5.9 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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