# Light green, purple and black linear swatches

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

- Seed: `kc6l5xcjM--Ahv7MhrvOBUxagsv2fpUAlxvAg`
- Page: https://grabient.com/kc6l5xcjM--Ahv7MhrvOBUxagsv2fpUAlxvAg?style=linearSwatches&steps=8&angle=135
- Drawn as: linear swatches, 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.000% 12.500%, #94f8ac 12.500% 25.000%, #87c08f 25.000% 37.500%, #818276 37.500% 50.000%, #6c4557 50.000% 62.500%, #59093e 62.500% 75.000%, #400129 75.000% 87.500%, #280014 87.500% 100.000%);
background: linear-gradient(135deg, oklch(92.12% 0.1263 158.91) 0.000% 12.500%, oklch(89.76% 0.1406 150.45) 12.500% 25.000%, oklch(75.59% 0.0923 148.34) 25.000% 37.500%, oklch(60.24% 0.0179 113.47) 37.500% 50.000%, oklch(44.09% 0.0579 350.88) 50.000% 62.500%, oklch(31.50% 0.1226 346.66) 62.500% 75.000%, oklch(24.80% 0.1020 348.77) 75.000% 87.500%, oklch(18.18% 0.0748 354.27) 87.500% 100.000%);
```

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