# Pink, purple and teal linear gradient

Pink, purple and teal linear gradient with 8 colors: #ef87a6, #d65884, #9f3563, #653d59, #36485a, #166c75, #188b8d, #33a89f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcvV8BULu_781v21GT2sg41T4cOvJoj7VKU-4`
- Page: https://grabient.com/kcvV8BULu_781v21GT2sg41T4cOvJoj7VKU-4?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: dark center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#ef87a6` | `oklch(74.41% 0.1309 1.41)` | Brown Knapweed | black, 8.6 to 1 |
| 2 | `#d65884` | `oklch(63.39% 0.1640 1.41)` | Peppermint Swirl | black, 5.5 to 1 |
| 3 | `#9f3563` | `oklch(49.61% 0.1474 357.18)` | Royal Flush | white, 6.6 to 1 |
| 4 | `#653d59` | `oklch(41.73% 0.0689 338.16)` | Primitive Plum | white, 8.8 to 1 |
| 5 | `#36485a` | `oklch(39.37% 0.0386 248.33)` | Dilly Blue | white, 9.4 to 1 |
| 6 | `#166c75` | `oklch(48.82% 0.0772 206.06)` | Teal Fury | white, 6 to 1 |
| 7 | `#188b8d` | `oklch(57.87% 0.0937 196.55)` | Duvall | black, 5 to 1 |
| 8 | `#33a89f` | `oklch(66.54% 0.1020 188.10)` | Tropical Hideaway | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ef87a6 0.0%, #d65884 14.3%, #9f3563 28.6%, #653d59 42.9%, #36485a 57.1%, #166c75 71.4%, #188b8d 85.7%, #33a89f 100.0%);
background: linear-gradient(90deg in oklch, oklch(74.41% 0.1309 1.41) 0.0%, oklch(63.39% 0.1640 1.41) 14.3%, oklch(49.61% 0.1474 357.18) 28.6%, oklch(41.73% 0.0689 338.16) 42.9%, oklch(39.37% 0.0386 248.33) 57.1%, oklch(48.82% 0.0772 206.06) 71.4%, oklch(57.87% 0.0937 196.55) 85.7%, oklch(66.54% 0.1020 188.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.131 | 1.4 |
| 2 | 0.634 | 0.164 | 1.4 |
| 3 | 0.496 | 0.147 | -2.8 |
| 4 | 0.417 | 0.069 | -21.8 |
| 5 | 0.394 | 0.039 | -111.7 |
| 6 | 0.488 | 0.077 | -153.9 |
| 7 | 0.579 | 0.094 | -163.4 |
| 8 | 0.665 | 0.102 | -171.9 |

## In these collections

- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)

## Other forms

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