# Complementary pink, gray and teal linear gradient

Complementary pink, gray and teal linear gradient with 32 colors: #c2605c, #c2615d, #c1625d, #c1635e, #c0645e, #bf665f, #bd6960, #ba6c63, #b67068, #b2746d, #ad7971, #a97d75, #a58276, #a28677, #9e8b78, #99907b, #939480, #8f9987, #8b9d8e, #89a093, #86a498, #81a99d, #7caea1, #76b2a6, #70b6aa, #6bb9ae, #68bcb3, #66bdb6, #65beb9, #65bfbb, #65c0bc, #64c0be. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYmlwRTidAVEQQbWi02XRzDF-gQQ`
- Page: https://grabient.com/kYmlwRTidAVEQQbWi02XRzDF-gQQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.9 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 | `#c2605c` | `oklch(60.63% 0.1268 23.91)` | Barbecue | black, 5.1 to 1 |
| 2 | `#c2615d` | `oklch(60.70% 0.1252 24.11)` | Barbecue | black, 5.1 to 1 |
| 3 | `#c1625d` | `oklch(60.77% 0.1235 24.28)` | Barbecue | black, 5.1 to 1 |
| 4 | `#c1635e` | `oklch(60.87% 0.1213 24.53)` | Faded Rose | black, 5.2 to 1 |
| 5 | `#c0645e` | `oklch(60.99% 0.1184 24.96)` | Faded Rose | black, 5.2 to 1 |
| 6 | `#bf665f` | `oklch(61.15% 0.1143 25.68)` | Tapestry Red | black, 5.2 to 1 |
| 7 | `#bd6960` | `oklch(61.37% 0.1088 26.80)` | Tapestry Red | black, 5.3 to 1 |
| 8 | `#ba6c63` | `oklch(61.63% 0.1011 27.69)` | Hacienda Tile | black, 5.4 to 1 |
| 9 | `#b67068` | `oklch(61.93% 0.0908 27.52)` | Terra Tone | black, 5.5 to 1 |
| 10 | `#b2746d` | `oklch(62.27% 0.0791 27.35)` | Canyon Rose | black, 5.6 to 1 |
| 11 | `#ad7971` | `oklch(62.65% 0.0670 28.31)` | Cranberry Foule | black, 5.7 to 1 |
| 12 | `#a97d75` | `oklch(63.08% 0.0559 31.51)` | Fresh Cedar | black, 5.8 to 1 |
| 13 | `#a58276` | `oklch(63.57% 0.0469 38.06)` | Clay Dusk | black, 6 to 1 |
| 14 | `#a28677` | `oklch(64.12% 0.0405 49.43)` | Chanterelle Sauce | black, 6.1 to 1 |
| 15 | `#9e8b78` | `oklch(64.74% 0.0355 66.66)` | Mud-Dell | black, 6.3 to 1 |
| 16 | `#99907b` | `oklch(65.42% 0.0316 87.61)` | Bunglehouse Beige | black, 6.6 to 1 |
| 17 | `#939480` | `oklch(66.14% 0.0292 109.90)` | Restoration | black, 6.8 to 1 |
| 18 | `#8f9987` | `oklch(66.89% 0.0282 131.16)` | Ramona | black, 7 to 1 |
| 19 | `#8b9d8e` | `oklch(67.65% 0.0290 148.99)` | Mossleaf | black, 7.2 to 1 |
| 20 | `#89a093` | `oklch(68.42% 0.0318 161.30)` | Hillside View | black, 7.5 to 1 |
| 21 | `#86a498` | `oklch(69.27% 0.0378 169.36)` | Poppy Leaf | black, 7.7 to 1 |
| 22 | `#81a99d` | `oklch(70.18% 0.0462 174.51)` | Scenario | black, 8 to 1 |
| 23 | `#7caea1` | `oklch(71.09% 0.0559 177.66)` | Green Room | black, 8.4 to 1 |
| 24 | `#76b2a6` | `oklch(71.95% 0.0655 179.70)` | Intracoastal | black, 8.7 to 1 |
| 25 | `#70b6aa` | `oklch(72.72% 0.0738 181.54)` | Lenticular Ore | black, 8.9 to 1 |
| 26 | `#6bb9ae` | `oklch(73.34% 0.0794 184.04)` | Florida Turquoise | black, 9.2 to 1 |
| 27 | `#68bcb3` | `oklch(73.84% 0.0830 186.52)` | Pool Blue | black, 9.3 to 1 |
| 28 | `#66bdb6` | `oklch(74.24% 0.0852 188.49)` | Pool Blue | black, 9.5 to 1 |
| 29 | `#65beb9` | `oklch(74.56% 0.0865 190.02)` | Pool Blue | black, 9.6 to 1 |
| 30 | `#65bfbb` | `oklch(74.82% 0.0872 191.22)` | Tropic Tide | black, 9.7 to 1 |
| 31 | `#65c0bc` | `oklch(75.03% 0.0876 192.18)` | Tropic Tide | black, 9.8 to 1 |
| 32 | `#64c0be` | `oklch(75.20% 0.0882 192.99)` | Tropic Tide | black, 9.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c2605c 0.0%, #c2615d 3.2%, #c1625d 6.5%, #c1635e 9.7%, #c0645e 12.9%, #bf665f 16.1%, #bd6960 19.4%, #ba6c63 22.6%, #b67068 25.8%, #b2746d 29.0%, #ad7971 32.3%, #a97d75 35.5%, #a58276 38.7%, #a28677 41.9%, #9e8b78 45.2%, #99907b 48.4%, #939480 51.6%, #8f9987 54.8%, #8b9d8e 58.1%, #89a093 61.3%, #86a498 64.5%, #81a99d 67.7%, #7caea1 71.0%, #76b2a6 74.2%, #70b6aa 77.4%, #6bb9ae 80.6%, #68bcb3 83.9%, #66bdb6 87.1%, #65beb9 90.3%, #65bfbb 93.5%, #65c0bc 96.8%, #64c0be 100.0%);
background: linear-gradient(90deg in oklch, oklch(60.63% 0.1268 23.91) 0.0%, oklch(60.70% 0.1252 24.11) 3.2%, oklch(60.77% 0.1235 24.28) 6.5%, oklch(60.87% 0.1213 24.53) 9.7%, oklch(60.99% 0.1184 24.96) 12.9%, oklch(61.15% 0.1143 25.68) 16.1%, oklch(61.37% 0.1088 26.80) 19.4%, oklch(61.63% 0.1011 27.69) 22.6%, oklch(61.93% 0.0908 27.52) 25.8%, oklch(62.27% 0.0791 27.35) 29.0%, oklch(62.65% 0.0670 28.31) 32.3%, oklch(63.08% 0.0559 31.51) 35.5%, oklch(63.57% 0.0469 38.06) 38.7%, oklch(64.12% 0.0405 49.43) 41.9%, oklch(64.74% 0.0355 66.66) 45.2%, oklch(65.42% 0.0316 87.61) 48.4%, oklch(66.14% 0.0292 109.90) 51.6%, oklch(66.89% 0.0282 131.16) 54.8%, oklch(67.65% 0.0290 148.99) 58.1%, oklch(68.42% 0.0318 161.30) 61.3%, oklch(69.27% 0.0378 169.36) 64.5%, oklch(70.18% 0.0462 174.51) 67.7%, oklch(71.09% 0.0559 177.66) 71.0%, oklch(71.95% 0.0655 179.70) 74.2%, oklch(72.72% 0.0738 181.54) 77.4%, oklch(73.34% 0.0794 184.04) 80.6%, oklch(73.84% 0.0830 186.52) 83.9%, oklch(74.24% 0.0852 188.49) 87.1%, oklch(74.56% 0.0865 190.02) 90.3%, oklch(74.82% 0.0872 191.22) 93.5%, oklch(75.03% 0.0876 192.18) 96.8%, oklch(75.20% 0.0882 192.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.127 | 23.9 |
| 2 | 0.614 | 0.107 | 27.1 |
| 3 | 0.638 | 0.044 | 41.9 |
| 4 | 0.681 | 0.03 | 157.1 |
| 5 | 0.732 | 0.079 | 183.5 |
| 6 | 0.752 | 0.088 | 193 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)

## Other forms

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