# Bright aqua turquoise field

Vivid analogous cyan to green linear gradient with 7 colors: #27e7ff, #3ffffb, #1efeff, #24fff9, #18ffc6, #00ff94, #18ff70. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous cyan to green linear gradient
- Seed: `ka2GmU87g-HM4wDzOL-cUC9O_PvlvWj8g`
- Page: https://grabient.com/ka2GmU87g-HM4wDzOL-cUC9O_PvlvWj8g?angle=225
- Drawn as: linear gradient, 7 steps, 225 degrees
- Kinds: even lightness, vivid, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.2 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 | `#27e7ff` | `oklch(85.04% 0.1414 208.82)` | Whimsical Blue | black, 13.9 to 1 |
| 2 | `#3ffffb` | `oklch(90.94% 0.1450 192.98)` | Beaming Blue | black, 16.9 to 1 |
| 3 | `#1efeff` | `oklch(90.55% 0.1516 195.08)` | Looney Blue | black, 16.7 to 1 |
| 4 | `#24fff9` | `oklch(90.55% 0.1515 191.93)` | Kaltes Klares Wasser | black, 16.7 to 1 |
| 5 | `#18ffc6` | `oklch(88.97% 0.1763 168.67)` | Plunge Pool | black, 16.1 to 1 |
| 6 | `#00ff94` | `oklch(87.80% 0.2173 154.93)` | Green Gas | black, 15.7 to 1 |
| 7 | `#18ff70` | `oklch(87.40% 0.2456 148.59)` | Booger Buster | black, 15.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #27e7ff 0.0%, #3ffffb 16.7%, #1efeff 33.3%, #24fff9 50.0%, #18ffc6 66.7%, #00ff94 83.3%, #18ff70 100.0%);
background: linear-gradient(225deg in oklch, oklch(85.04% 0.1414 208.82) 0.0%, oklch(90.94% 0.1450 192.98) 16.7%, oklch(90.55% 0.1516 195.08) 33.3%, oklch(90.55% 0.1515 191.93) 50.0%, oklch(88.97% 0.1763 168.67) 66.7%, oklch(87.80% 0.2173 154.93) 83.3%, oklch(87.40% 0.2456 148.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.145 | 208.8 |
| 2 | 0.909 | 0.154 | 193 |
| 3 | 0.906 | 0.156 | 195.1 |
| 4 | 0.906 | 0.156 | 191.9 |
| 5 | 0.89 | 0.178 | 168.7 |
| 6 | 0.878 | 0.219 | 154.9 |
| 7 | 0.874 | 0.248 | 148.6 |

## In these collections

- [Turquoise](https://grabient.com/turquoise)

## Other forms

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