# Complementary teal to pink linear gradient

Complementary teal to pink linear gradient with 32 colors: #81bbb6, #85b9b9, #8cb6ba, #93b2b9, #9aafb7, #9eacb6, #a0aab6, #a3a8b8, #a9a4b8, #b0a1b6, #b79db2, #bd99ae, #c395ab, #c791aa, #cc8da9, #d089a9, #d385a6, #d780a3, #da7ca1, #dd789e, #df749b, #e17097, #e26c94, #e36891, #e4648e, #e4618a, #e45d87, #e25983, #e1557f, #de517b, #dc4e77, #db4c75. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kavyyG3YfF9wQy3aJMG17RA1Q-QHPQcBA`
- Page: https://grabient.com/kavyyG3YfF9wQy3aJMG17RA1Q-QHPQcBA?steps=32&angle=210
- Drawn as: linear gradient, 32 steps, 210 degrees
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#81bbb6` | `oklch(75.20% 0.0606 189.14)` | Morning Green | black, 9.7 to 1 |
| 2 | `#85b9b9` | `oklch(74.99% 0.0544 195.06)` | Vintage Blue | black, 9.6 to 1 |
| 3 | `#8cb6ba` | `oklch(74.68% 0.0451 202.95)` | Summit | black, 9.4 to 1 |
| 4 | `#93b2b9` | `oklch(74.34% 0.0349 212.72)` | Bulfinch Blue | black, 9.3 to 1 |
| 5 | `#9aafb7` | `oklch(73.98% 0.0261 224.26)` | Mountain Stream | black, 9.1 to 1 |
| 6 | `#9eacb6` | `oklch(73.67% 0.0210 237.50)` | Urban Pigeon | black, 9 to 1 |
| 7 | `#a0aab6` | `oklch(73.41% 0.0207 253.81)` | Scribe | black, 8.9 to 1 |
| 8 | `#a3a8b8` | `oklch(73.19% 0.0235 274.28)` | Ridge View | black, 8.8 to 1 |
| 9 | `#a9a4b8` | `oklch(72.98% 0.0286 296.18)` | Awaken | black, 8.7 to 1 |
| 10 | `#b0a1b6` | `oklch(72.76% 0.0353 316.70)` | Obi Lilac | black, 8.5 to 1 |
| 11 | `#b79db2` | `oklch(72.53% 0.0429 333.05)` | Pastel Purple | black, 8.4 to 1 |
| 12 | `#bd99ae` | `oklch(72.26% 0.0512 343.08)` | Classy Mauve | black, 8.3 to 1 |
| 13 | `#c395ab` | `oklch(71.98% 0.0614 348.22)` | Light Mauve | black, 8.2 to 1 |
| 14 | `#c791aa` | `oklch(71.68% 0.0729 350.18)` | Bonny Belle | black, 8 to 1 |
| 15 | `#cc8da9` | `oklch(71.36% 0.0846 350.59)` | Pinch Me | black, 7.9 to 1 |
| 16 | `#d089a9` | `oklch(71.04% 0.0956 351.09)` | Kiss | black, 7.8 to 1 |
| 17 | `#d385a6` | `oklch(70.69% 0.1053 352.90)` | Heirloom Rose | black, 7.6 to 1 |
| 18 | `#d780a3` | `oklch(70.35% 0.1144 354.66)` | Heirloom Rose | black, 7.5 to 1 |
| 19 | `#da7ca1` | `oklch(69.99% 0.1230 356.13)` | Wild Orchid | black, 7.3 to 1 |
| 20 | `#dd789e` | `oklch(69.60% 0.1311 357.39)` | Real Raspberry | black, 7.2 to 1 |
| 21 | `#df749b` | `oklch(69.19% 0.1386 358.53)` | Real Raspberry | black, 7.1 to 1 |
| 22 | `#e17097` | `oklch(68.74% 0.1455 359.64)` | The Sickener | black, 6.9 to 1 |
| 23 | `#e26c94` | `oklch(68.27% 0.1519 0.62)` | Shadow Azalea Pink | black, 6.8 to 1 |
| 24 | `#e36891` | `oklch(67.77% 0.1578 1.46)` | Love Letter | black, 6.6 to 1 |
| 25 | `#e4648e` | `oklch(67.24% 0.1630 2.21)` | Love Letter | black, 6.5 to 1 |
| 26 | `#e4618a` | `oklch(66.66% 0.1676 2.92)` | Love Letter | black, 6.3 to 1 |
| 27 | `#e45d87` | `oklch(66.03% 0.1715 3.62)` | Blush d’Amour | black, 6.1 to 1 |
| 28 | `#e25983` | `oklch(65.25% 0.1744 4.35)` | Blush d’Amour | black, 6 to 1 |
| 29 | `#e1557f` | `oklch(64.37% 0.1767 5.07)` | Heather Berry | black, 5.7 to 1 |
| 30 | `#de517b` | `oklch(63.50% 0.1783 5.73)` | Rose Turkish Delight | black, 5.5 to 1 |
| 31 | `#dc4e77` | `oklch(62.74% 0.1795 6.28)` | Rose Turkish Delight | black, 5.4 to 1 |
| 32 | `#db4c75` | `oklch(62.20% 0.1805 6.67)` | Rose Turkish Delight | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(210deg, #81bbb6 0.0%, #85b9b9 3.2%, #8cb6ba 6.5%, #93b2b9 9.7%, #9aafb7 12.9%, #9eacb6 16.1%, #a0aab6 19.4%, #a3a8b8 22.6%, #a9a4b8 25.8%, #b0a1b6 29.0%, #b79db2 32.3%, #bd99ae 35.5%, #c395ab 38.7%, #c791aa 41.9%, #cc8da9 45.2%, #d089a9 48.4%, #d385a6 51.6%, #d780a3 54.8%, #da7ca1 58.1%, #dd789e 61.3%, #df749b 64.5%, #e17097 67.7%, #e26c94 71.0%, #e36891 74.2%, #e4648e 77.4%, #e4618a 80.6%, #e45d87 83.9%, #e25983 87.1%, #e1557f 90.3%, #de517b 93.5%, #dc4e77 96.8%, #db4c75 100.0%);
background: linear-gradient(210deg in oklch, oklch(75.20% 0.0606 189.14) 0.0%, oklch(74.99% 0.0544 195.06) 3.2%, oklch(74.68% 0.0451 202.95) 6.5%, oklch(74.34% 0.0349 212.72) 9.7%, oklch(73.98% 0.0261 224.26) 12.9%, oklch(73.67% 0.0210 237.50) 16.1%, oklch(73.41% 0.0207 253.81) 19.4%, oklch(73.19% 0.0235 274.28) 22.6%, oklch(72.98% 0.0286 296.18) 25.8%, oklch(72.76% 0.0353 316.70) 29.0%, oklch(72.53% 0.0429 333.05) 32.3%, oklch(72.26% 0.0512 343.08) 35.5%, oklch(71.98% 0.0614 348.22) 38.7%, oklch(71.68% 0.0729 350.18) 41.9%, oklch(71.36% 0.0846 350.59) 45.2%, oklch(71.04% 0.0956 351.09) 48.4%, oklch(70.69% 0.1053 352.90) 51.6%, oklch(70.35% 0.1144 354.66) 54.8%, oklch(69.99% 0.1230 356.13) 58.1%, oklch(69.60% 0.1311 357.39) 61.3%, oklch(69.19% 0.1386 358.53) 64.5%, oklch(68.74% 0.1455 359.64) 67.7%, oklch(68.27% 0.1519 0.62) 71.0%, oklch(67.77% 0.1578 1.46) 74.2%, oklch(67.24% 0.1630 2.21) 77.4%, oklch(66.66% 0.1676 2.92) 80.6%, oklch(66.03% 0.1715 3.62) 83.9%, oklch(65.25% 0.1744 4.35) 87.1%, oklch(64.37% 0.1767 5.07) 90.3%, oklch(63.50% 0.1783 5.73) 93.5%, oklch(62.74% 0.1795 6.28) 96.8%, oklch(62.20% 0.1805 6.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.061 | 189.1 |
| 2 | 0.736 | 0.021 | 239.9 |
| 3 | 0.724 | 0.045 | 337.1 |
| 4 | 0.709 | 0.101 | 351.9 |
| 5 | 0.689 | 0.143 | 359.3 |
| 6 | 0.661 | 0.171 | 363.5 |
| 7 | 0.622 | 0.181 | 366.7 |

## In these collections

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

## Other forms

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