# Vivid green, yellow and peach linear gradient

Vivid green, yellow and peach linear gradient with 7 colors: #74da36, #8ee03c, #ace441, #c9e347, #e6de53, #ffbe57, #fa9276. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWypxhask_O7AvpvNb04TA44`
- Page: https://grabient.com/kWypxhask_O7AvpvNb04TA44
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: even lightness, vivid, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#74da36` | `oklch(79.53% 0.2150 136.41)` | Tirisfal Lime | black, 11.7 to 1 |
| 2 | `#8ee03c` | `oklch(82.34% 0.2070 132.81)` | Poisonous Potion | black, 12.8 to 1 |
| 3 | `#ace441` | `oklch(85.10% 0.1943 127.01)` | Dynamic Green | black, 13.9 to 1 |
| 4 | `#c9e347` | `oklch(87.01% 0.1778 118.44)` | Greenivorous | black, 14.6 to 1 |
| 5 | `#e6de53` | `oklch(88.22% 0.1567 106.03)` | Goldvreneli 1882 | black, 14.9 to 1 |
| 6 | `#ffbe57` | `oklch(84.16% 0.1398 75.94)` | Honey Crusted Chicken | black, 12.7 to 1 |
| 7 | `#fa9276` | `oklch(76.38% 0.1323 36.01)` | Salmon Nigiri | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #74da36 0.0%, #8ee03c 16.7%, #ace441 33.3%, #c9e347 50.0%, #e6de53 66.7%, #ffbe57 83.3%, #fa9276 100.0%);
background: linear-gradient(90deg in oklch, oklch(79.53% 0.2150 136.41) 0.0%, oklch(82.34% 0.2070 132.81) 16.7%, oklch(85.10% 0.1943 127.01) 33.3%, oklch(87.01% 0.1778 118.44) 50.0%, oklch(88.22% 0.1567 106.03) 66.7%, oklch(84.16% 0.1398 75.94) 83.3%, oklch(76.38% 0.1323 36.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.215 | 136.4 |
| 2 | 0.839 | 0.201 | 130.1 |
| 3 | 0.87 | 0.178 | 118.4 |
| 4 | 0.874 | 0.147 | 95.2 |
| 5 | 0.764 | 0.132 | 36 |

## In these collections

- [Wasabi swatches](https://grabient.com/wasabi-swatches)
- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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