# Vivid green, olive, salmon and red linear gradient

Vivid green, olive, salmon and red linear gradient with 7 colors: #2a8a3d, #35a644, #76ae53, #c38d18, #e05443, #da2625, #b62026. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYjmho0z4_litPXSubYSs2-sBDP4`
- Page: https://grabient.com/kYjmho0z4_litPXSubYSs2-sBDP4
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#2a8a3d` | `oklch(55.91% 0.1433 146.95)` | Rich Green | black, 4.7 to 1 |
| 2 | `#35a644` | `oklch(63.97% 0.1703 145.39)` | Vitalize | black, 6.6 to 1 |
| 3 | `#76ae53` | `oklch(69.10% 0.1364 134.98)` | Lost Golfer | black, 7.9 to 1 |
| 4 | `#c38d18` | `oklch(67.99% 0.1349 80.25)` | Auric | black, 7.1 to 1 |
| 5 | `#e05443` | `oklch(63.05% 0.1784 29.97)` | Coral Burst | black, 5.5 to 1 |
| 6 | `#da2625` | `oklch(57.30% 0.2133 27.60)` | Maximum Red | white, 4.9 to 1 |
| 7 | `#b62026` | `oklch(50.39% 0.1846 25.43)` | Flamingo Fervour | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2a8a3d 0.0%, #35a644 16.7%, #76ae53 33.3%, #c38d18 50.0%, #e05443 66.7%, #da2625 83.3%, #b62026 100.0%);
background: linear-gradient(90deg in oklch, oklch(55.91% 0.1433 146.95) 0.0%, oklch(63.97% 0.1703 145.39) 16.7%, oklch(69.10% 0.1364 134.98) 33.3%, oklch(67.99% 0.1349 80.25) 50.0%, oklch(63.05% 0.1784 29.97) 66.7%, oklch(57.30% 0.2133 27.60) 83.3%, oklch(50.39% 0.1846 25.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.143 | 147 |
| 2 | 0.654 | 0.171 | 143.8 |
| 3 | 0.697 | 0.124 | 122.6 |
| 4 | 0.65 | 0.158 | 39.2 |
| 5 | 0.587 | 0.214 | 28.6 |
| 6 | 0.504 | 0.185 | 25.4 |

## In these collections

- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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