# Aquamarine and orchid pink gradient

Teal, lavender and pink linear gradient with 7 colors: #40ecac, #5ad8b5, #7dc4bd, #94b1ca, #b39dce, #d188d9, #ed74e1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, lavender and pink linear gradient
- Seed: `kY1nh0ZSnBWCUwzdlMpXK3Dl3HwS`
- Page: https://grabient.com/kY1nh0ZSnBWCUwzdlMpXK3Dl3HwS?angle=19
- Drawn as: linear gradient, 7 steps, 19 degrees
- Kinds: even lightness, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.6 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 | `#40ecac` | `oklch(84.25% 0.1654 163.12)` | Overchlorinated Pool | black, 13.8 to 1 |
| 2 | `#5ad8b5` | `oklch(80.30% 0.1239 171.76)` | Peppy | black, 11.9 to 1 |
| 3 | `#7dc4bd` | `oklch(77.03% 0.0718 188.02)` | Booty Bay | black, 10.4 to 1 |
| 4 | `#94b1ca` | `oklch(74.63% 0.0486 245.88)` | Porcelain Vase | black, 9.3 to 1 |
| 5 | `#b39dce` | `oklch(73.18% 0.0743 305.12)` | Dechala Lilac | black, 8.6 to 1 |
| 6 | `#d188d9` | `oklch(72.88% 0.1380 323.63)` | Blush Essence | black, 8.2 to 1 |
| 7 | `#ed74e1` | `oklch(73.62% 0.1970 331.15)` | Lián Hóng Lotus Pink | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(19deg, #40ecac 0.0%, #5ad8b5 16.7%, #7dc4bd 33.3%, #94b1ca 50.0%, #b39dce 66.7%, #d188d9 83.3%, #ed74e1 100.0%);
background: linear-gradient(19deg in oklch, oklch(84.25% 0.1654 163.12) 0.0%, oklch(80.30% 0.1239 171.76) 16.7%, oklch(77.03% 0.0718 188.02) 33.3%, oklch(74.63% 0.0486 245.88) 50.0%, oklch(73.18% 0.0743 305.12) 66.7%, oklch(72.88% 0.1380 323.63) 83.3%, oklch(73.62% 0.1970 331.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.165 | 163.1 |
| 2 | 0.795 | 0.114 | 174.7 |
| 3 | 0.76 | 0.056 | 202.2 |
| 4 | 0.736 | 0.056 | 289.9 |
| 5 | 0.728 | 0.125 | 320.6 |
| 6 | 0.736 | 0.197 | 331.1 |

## Other forms

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