# Vivid green, cyan and light blue linear gradient

Vivid green, cyan and light blue linear gradient with 7 colors: #42fe54, #51ff8c, #38fecd, #4ef5fe, #4cebff, #46e1fe, #4dd6fe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW3rtm8UNBnEwxPssED6C7BY`
- Page: https://grabient.com/kW3rtm8UNBnEwxPssED6C7BY
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: even lightness, vivid, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.3 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 | `#42fe54` | `oklch(87.40% 0.2577 144.14)` | Goblin Warboss | black, 15.5 to 1 |
| 2 | `#51ff8c` | `oklch(88.51% 0.2101 150.68)` | Eva Green | black, 15.9 to 1 |
| 3 | `#38fecd` | `oklch(89.22% 0.1642 171.11)` | Move Mint | black, 16.2 to 1 |
| 4 | `#4ef5fe` | `oklch(88.98% 0.1337 200.15)` | Frozen Turquoise | black, 15.8 to 1 |
| 5 | `#4cebff` | `oklch(86.75% 0.1311 206.72)` | Shimmering Expanse Cyan | black, 14.6 to 1 |
| 6 | `#46e1fe` | `oklch(84.12% 0.1310 212.99)` | Splashing Wave | black, 13.4 to 1 |
| 7 | `#4dd6fe` | `oklch(81.89% 0.1281 221.28)` | Libra Blue Morpho | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #42fe54 0.0%, #51ff8c 16.7%, #38fecd 33.3%, #4ef5fe 50.0%, #4cebff 66.7%, #46e1fe 83.3%, #4dd6fe 100.0%);
background: linear-gradient(90deg in oklch, oklch(87.40% 0.2577 144.14) 0.0%, oklch(88.51% 0.2101 150.68) 16.7%, oklch(89.22% 0.1642 171.11) 33.3%, oklch(88.98% 0.1337 200.15) 50.0%, oklch(86.75% 0.1311 206.72) 66.7%, oklch(84.12% 0.1310 212.99) 83.3%, oklch(81.89% 0.1281 221.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.258 | 144.1 |
| 2 | 0.89 | 0.185 | 157.9 |
| 3 | 0.89 | 0.134 | 200.1 |
| 4 | 0.854 | 0.132 | 208.6 |
| 5 | 0.819 | 0.128 | 221.3 |

## In these collections

- [Jade swatches](https://grabient.com/jade-swatches)
- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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