# Deep cyan and coral pink and teal

The Deep cyan and coral pink and teal brings together teal, red, and light red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light red.

- Also called: Teal, olive, brown and pink linear gradient
- Seed: `kUbzCNy5q_MquKtpHEHg`
- Page: https://grabient.com/kUbzCNy5q_MquKtpHEHg?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.3 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 | `#175d5f` | `oklch(43.70% 0.0661 198.98)` | Emerald Pool | white, 7.6 to 1 |
| 2 | `#1a5f62` | `oklch(44.67% 0.0663 199.35)` | Emerald Pool | white, 7.3 to 1 |
| 3 | `#1f6367` | `oklch(46.01% 0.0663 200.76)` | Caribbean Swim | white, 6.9 to 1 |
| 4 | `#25676d` | `oklch(47.62% 0.0662 202.76)` | Mordant Blue | white, 6.4 to 1 |
| 5 | `#2b6c73` | `oklch(49.41% 0.0662 204.90)` | Antigua | white, 5.9 to 1 |
| 6 | `#32727a` | `oklch(51.30% 0.0662 206.73)` | King Tide | white, 5.5 to 1 |
| 7 | `#377780` | `oklch(53.21% 0.0665 207.80)` | Diver’s Eden | white, 5 to 1 |
| 8 | `#3c7d86` | `oklch(55.04% 0.0671 207.66)` | Sea Urchin | white, 4.7 to 1 |
| 9 | `#40828a` | `oklch(56.70% 0.0682 205.86)` | Shady Blue | black, 4.7 to 1 |
| 10 | `#42878c` | `oklch(58.11% 0.0698 201.94)` | Sea Caller | black, 5 to 1 |
| 11 | `#438b8b` | `oklch(59.18% 0.0721 195.45)` | Blue Chill | black, 5.3 to 1 |
| 12 | `#448e86` | `oklch(59.82% 0.0754 185.60)` | Royal Palm | black, 5.4 to 1 |
| 13 | `#48907a` | `oklch(59.99% 0.0802 171.48)` | Winter Green | black, 5.5 to 1 |
| 14 | `#548f68` | `oklch(59.81% 0.0861 153.96)` | Green Weed | black, 5.4 to 1 |
| 15 | `#678b50` | `oklch(59.38% 0.0928 134.05)` | Topiary Sculpture | black, 5.3 to 1 |
| 16 | `#7d8337` | `oklch(58.83% 0.0999 112.75)` | Majorca Green | black, 5.1 to 1 |
| 17 | `#937821` | `oklch(58.26% 0.1069 91.06)` | Bhūrā Brown | black, 4.9 to 1 |
| 18 | `#a46c1e` | `oklch(57.78% 0.1134 69.98)` | Buckthorn Brown | black, 4.7 to 1 |
| 19 | `#af6130` | `oklch(57.51% 0.1191 50.51)` | Corn Snake | black, 4.6 to 1 |
| 20 | `#b65a46` | `oklch(57.56% 0.1235 33.65)` | Ginger Spice | white, 4.6 to 1 |
| 21 | `#b9585a` | `oklch(58.04% 0.1261 20.39)` | Chōshun Red | black, 4.6 to 1 |
| 22 | `#bc5a6a` | `oklch(59.07% 0.1267 11.65)` | Candied Apple | black, 4.7 to 1 |
| 23 | `#c05f76` | `oklch(60.72% 0.1251 6.79)` | Mon Cher Ami | black, 5.1 to 1 |
| 24 | `#c5677f` | `oklch(62.88% 0.1216 4.97)` | Ballerina Tutu | black, 5.6 to 1 |
| 25 | `#cb7086` | `oklch(65.42% 0.1167 5.63)` | Artful Pink | black, 6.2 to 1 |
| 26 | `#d37b8c` | `oklch(68.21% 0.1107 8.19)` | I Pink I Can | black, 6.9 to 1 |
| 27 | `#da8690` | `oklch(71.11% 0.1042 12.06)` | Shimmering Blush | black, 7.8 to 1 |
| 28 | `#e29195` | `oklch(73.99% 0.0975 16.67)` | Fresh Pink | black, 8.7 to 1 |
| 29 | `#e89c9a` | `oklch(76.72% 0.0910 21.44)` | River Rouge | black, 9.6 to 1 |
| 30 | `#eda69f` | `oklch(79.17% 0.0852 25.80)` | Mad About Maddie | black, 10.5 to 1 |
| 31 | `#f1aea4` | `oklch(81.20% 0.0804 29.17)` | Lusty Salmon | black, 11.3 to 1 |
| 32 | `#f4b4a8` | `oklch(82.68% 0.0772 30.96)` | Warm Heart | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #175d5f 0.0%, #1a5f62 3.2%, #1f6367 6.5%, #25676d 9.7%, #2b6c73 12.9%, #32727a 16.1%, #377780 19.4%, #3c7d86 22.6%, #40828a 25.8%, #42878c 29.0%, #438b8b 32.3%, #448e86 35.5%, #48907a 38.7%, #548f68 41.9%, #678b50 45.2%, #7d8337 48.4%, #937821 51.6%, #a46c1e 54.8%, #af6130 58.1%, #b65a46 61.3%, #b9585a 64.5%, #bc5a6a 67.7%, #c05f76 71.0%, #c5677f 74.2%, #cb7086 77.4%, #d37b8c 80.6%, #da8690 83.9%, #e29195 87.1%, #e89c9a 90.3%, #eda69f 93.5%, #f1aea4 96.8%, #f4b4a8 100.0%);
background: linear-gradient(180deg in oklch, oklch(43.70% 0.0661 198.98) 0.0%, oklch(44.67% 0.0663 199.35) 3.2%, oklch(46.01% 0.0663 200.76) 6.5%, oklch(47.62% 0.0662 202.76) 9.7%, oklch(49.41% 0.0662 204.90) 12.9%, oklch(51.30% 0.0662 206.73) 16.1%, oklch(53.21% 0.0665 207.80) 19.4%, oklch(55.04% 0.0671 207.66) 22.6%, oklch(56.70% 0.0682 205.86) 25.8%, oklch(58.11% 0.0698 201.94) 29.0%, oklch(59.18% 0.0721 195.45) 32.3%, oklch(59.82% 0.0754 185.60) 35.5%, oklch(59.99% 0.0802 171.48) 38.7%, oklch(59.81% 0.0861 153.96) 41.9%, oklch(59.38% 0.0928 134.05) 45.2%, oklch(58.83% 0.0999 112.75) 48.4%, oklch(58.26% 0.1069 91.06) 51.6%, oklch(57.78% 0.1134 69.98) 54.8%, oklch(57.51% 0.1191 50.51) 58.1%, oklch(57.56% 0.1235 33.65) 61.3%, oklch(58.04% 0.1261 20.39) 64.5%, oklch(59.07% 0.1267 11.65) 67.7%, oklch(60.72% 0.1251 6.79) 71.0%, oklch(62.88% 0.1216 4.97) 74.2%, oklch(65.42% 0.1167 5.63) 77.4%, oklch(68.21% 0.1107 8.19) 80.6%, oklch(71.11% 0.1042 12.06) 83.9%, oklch(73.99% 0.0975 16.67) 87.1%, oklch(76.72% 0.0910 21.44) 90.3%, oklch(79.17% 0.0852 25.80) 93.5%, oklch(81.20% 0.0804 29.17) 96.8%, oklch(82.68% 0.0772 30.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.066 | 199 |
| 2 | 0.594 | 0.073 | 192.6 |
| 3 | 0.587 | 0.127 | 14.1 |
| 4 | 0.827 | 0.077 | 31 |

## In these collections

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

## Other forms

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