# Pink, purple and teal linear gradient

Pink, purple and teal linear gradient with 8 colors: #f088ac, #e871a1, #db5b93, #c94689, #a7447a, #705b70, #38696e, #06515f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcvmD_WTg_tK-P9LwT-RDQ_j-PPU-E7FMxlBQ`
- Page: https://grabient.com/kcvmD_WTg_tK-P9LwT-RDQ_j-PPU-E7FMxlBQ?steps=8&angle=270
- Drawn as: linear gradient, 8 steps, 270 degrees
- Kinds: light to dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#f088ac` | `oklch(74.80% 0.1323 358.59)` | Brown Knapweed | black, 8.8 to 1 |
| 2 | `#e871a1` | `oklch(70.08% 0.1543 356.48)` | Shadow Azalea Pink | black, 7.3 to 1 |
| 3 | `#db5b93` | `oklch(64.96% 0.1709 355.42)` | Flirty Rose | black, 5.9 to 1 |
| 4 | `#c94689` | `oklch(59.45% 0.1791 352.25)` | Smitten | black, 4.7 to 1 |
| 5 | `#a7447a` | `oklch(53.54% 0.1433 349.08)` | Pink Ballad | white, 5.5 to 1 |
| 6 | `#705b70` | `oklch(50.00% 0.0413 326.89)` | Banished Brown | white, 6.1 to 1 |
| 7 | `#38696e` | `oklch(48.82% 0.0537 203.25)` | Aquarium | white, 6.1 to 1 |
| 8 | `#06515f` | `oklch(40.16% 0.0689 214.88)` | Sandalwood Grey Blue | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(270deg, #f088ac 0.0%, #e871a1 14.3%, #db5b93 28.6%, #c94689 42.9%, #a7447a 57.1%, #705b70 71.4%, #38696e 85.7%, #06515f 100.0%);
background: linear-gradient(270deg in oklch, oklch(74.80% 0.1323 358.59) 0.0%, oklch(70.08% 0.1543 356.48) 14.3%, oklch(64.96% 0.1709 355.42) 28.6%, oklch(59.45% 0.1791 352.25) 42.9%, oklch(53.54% 0.1433 349.08) 57.1%, oklch(50.00% 0.0413 326.89) 71.4%, oklch(48.82% 0.0537 203.25) 85.7%, oklch(40.16% 0.0689 214.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.132 | 358.6 |
| 2 | 0.701 | 0.154 | 356.5 |
| 3 | 0.65 | 0.171 | 355.4 |
| 4 | 0.594 | 0.179 | 352.3 |
| 5 | 0.535 | 0.143 | 349.1 |
| 6 | 0.5 | 0.041 | 326.9 |
| 7 | 0.488 | 0.054 | 203.3 |
| 8 | 0.402 | 0.069 | 214.9 |

## In these collections

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

## Other forms

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