# Teal, gray and pink linear gradient

Teal, gray and pink linear gradient with 32 colors: #96bea9, #94bca7, #90baa3, #8cb69f, #87b39b, #83af96, #7fab91, #7ca88d, #7ba58a, #7aa287, #7a9f85, #7a9c84, #7b9a82, #7c9781, #7e957f, #80937d, #83927b, #879179, #8c8f78, #928e77, #978d78, #9b8d7a, #a08d7d, #a48d80, #a88d82, #ae8e84, #b58f87, #bc908a, #c3918d, #c99190, #ce9294, #d29296. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWwyZzVxY_VGOPdUDLV3Bw7w`
- Page: https://grabient.com/kWwyZzVxY_VGOPdUDLV3Bw7w?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.6 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 | `#96bea9` | `oklch(76.77% 0.0524 161.72)` | Scenic View | black, 10.2 to 1 |
| 2 | `#94bca7` | `oklch(76.08% 0.0532 161.39)` | Lichen | black, 10 to 1 |
| 3 | `#90baa3` | `oklch(75.13% 0.0547 161.04)` | Lichen | black, 9.7 to 1 |
| 4 | `#8cb69f` | `oklch(73.99% 0.0564 160.64)` | Summer Green | black, 9.3 to 1 |
| 5 | `#87b39b` | `oklch(72.75% 0.0581 160.13)` | Holly Fern | black, 8.9 to 1 |
| 6 | `#83af96` | `oklch(71.48% 0.0596 159.46)` | Covent Garden | black, 8.5 to 1 |
| 7 | `#7fab91` | `oklch(70.27% 0.0607 158.59)` | Catnip | black, 8.1 to 1 |
| 8 | `#7ca88d` | `oklch(69.18% 0.0610 157.47)` | Acapulco | black, 7.8 to 1 |
| 9 | `#7ba58a` | `oklch(68.30% 0.0604 156.08)` | Corporate Green | black, 7.5 to 1 |
| 10 | `#7aa287` | `oklch(67.51% 0.0586 155.03)` | Corporate Green | black, 7.3 to 1 |
| 11 | `#7a9f85` | `oklch(66.77% 0.0559 154.26)` | Aquadulce | black, 7.1 to 1 |
| 12 | `#7a9c84` | `oklch(66.09% 0.0526 153.41)` | Parisian Patina | black, 6.9 to 1 |
| 13 | `#7b9a82` | `oklch(65.48% 0.0490 152.10)` | Dinosaur | black, 6.7 to 1 |
| 14 | `#7c9781` | `oklch(64.97% 0.0454 149.95)` | Sea Radish | black, 6.6 to 1 |
| 15 | `#7e957f` | `oklch(64.56% 0.0422 146.59)` | Fish Camp Woods | black, 6.4 to 1 |
| 16 | `#80937d` | `oklch(64.27% 0.0396 141.65)` | Silver Linden Grey | black, 6.4 to 1 |
| 17 | `#83927b` | `oklch(64.11% 0.0377 134.64)` | Ginkgo Tree | black, 6.3 to 1 |
| 18 | `#879179` | `oklch(64.09% 0.0359 124.93)` | Ginkgo Tree | black, 6.3 to 1 |
| 19 | `#8c8f78` | `oklch(64.19% 0.0343 113.18)` | Epic Green | black, 6.3 to 1 |
| 20 | `#928e77` | `oklch(64.39% 0.0329 100.18)` | Carriage Door | black, 6.3 to 1 |
| 21 | `#978d78` | `oklch(64.69% 0.0320 86.73)` | Carriage Door | black, 6.4 to 1 |
| 22 | `#9b8d7a` | `oklch(65.07% 0.0317 73.65)` | Chinchilla | black, 6.4 to 1 |
| 23 | `#a08d7d` | `oklch(65.51% 0.0323 61.74)` | Silver Mink | black, 6.5 to 1 |
| 24 | `#a48d80` | `oklch(66.01% 0.0339 51.79)` | Stucco | black, 6.6 to 1 |
| 25 | `#a88d82` | `oklch(66.61% 0.0369 44.05)` | Baby Sprout | black, 6.8 to 1 |
| 26 | `#ae8e84` | `oklch(67.40% 0.0418 37.49)` | Hollow Brown | black, 7 to 1 |
| 27 | `#b58f87` | `oklch(68.31% 0.0479 31.93)` | Ponder | black, 7.2 to 1 |
| 28 | `#bc908a` | `oklch(69.29% 0.0547 27.25)` | Ponder | black, 7.4 to 1 |
| 29 | `#c3918d` | `oklch(70.26% 0.0616 23.32)` | Floral Tapestry | black, 7.7 to 1 |
| 30 | `#c99190` | `oklch(71.16% 0.0680 20.02)` | Garnet Shadow | black, 7.9 to 1 |
| 31 | `#ce9294` | `oklch(71.91% 0.0734 17.23)` | Ducal Pink | black, 8.1 to 1 |
| 32 | `#d29296` | `oklch(72.44% 0.0772 14.83)` | Rosetti | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #96bea9 0.0%, #94bca7 3.2%, #90baa3 6.5%, #8cb69f 9.7%, #87b39b 12.9%, #83af96 16.1%, #7fab91 19.4%, #7ca88d 22.6%, #7ba58a 25.8%, #7aa287 29.0%, #7a9f85 32.3%, #7a9c84 35.5%, #7b9a82 38.7%, #7c9781 41.9%, #7e957f 45.2%, #80937d 48.4%, #83927b 51.6%, #879179 54.8%, #8c8f78 58.1%, #928e77 61.3%, #978d78 64.5%, #9b8d7a 67.7%, #a08d7d 71.0%, #a48d80 74.2%, #a88d82 77.4%, #ae8e84 80.6%, #b58f87 83.9%, #bc908a 87.1%, #c3918d 90.3%, #c99190 93.5%, #ce9294 96.8%, #d29296 100.0%);
background: linear-gradient(90deg in oklch, oklch(76.77% 0.0524 161.72) 0.0%, oklch(76.08% 0.0532 161.39) 3.2%, oklch(75.13% 0.0547 161.04) 6.5%, oklch(73.99% 0.0564 160.64) 9.7%, oklch(72.75% 0.0581 160.13) 12.9%, oklch(71.48% 0.0596 159.46) 16.1%, oklch(70.27% 0.0607 158.59) 19.4%, oklch(69.18% 0.0610 157.47) 22.6%, oklch(68.30% 0.0604 156.08) 25.8%, oklch(67.51% 0.0586 155.03) 29.0%, oklch(66.77% 0.0559 154.26) 32.3%, oklch(66.09% 0.0526 153.41) 35.5%, oklch(65.48% 0.0490 152.10) 38.7%, oklch(64.97% 0.0454 149.95) 41.9%, oklch(64.56% 0.0422 146.59) 45.2%, oklch(64.27% 0.0396 141.65) 48.4%, oklch(64.11% 0.0377 134.64) 51.6%, oklch(64.09% 0.0359 124.93) 54.8%, oklch(64.19% 0.0343 113.18) 58.1%, oklch(64.39% 0.0329 100.18) 61.3%, oklch(64.69% 0.0320 86.73) 64.5%, oklch(65.07% 0.0317 73.65) 67.7%, oklch(65.51% 0.0323 61.74) 71.0%, oklch(66.01% 0.0339 51.79) 74.2%, oklch(66.61% 0.0369 44.05) 77.4%, oklch(67.40% 0.0418 37.49) 80.6%, oklch(68.31% 0.0479 31.93) 83.9%, oklch(69.29% 0.0547 27.25) 87.1%, oklch(70.26% 0.0616 23.32) 90.3%, oklch(71.16% 0.0680 20.02) 93.5%, oklch(71.91% 0.0734 17.23) 96.8%, oklch(72.44% 0.0772 14.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.052 | 161.7 |
| 2 | 0.685 | 0.061 | 156.4 |
| 3 | 0.642 | 0.039 | 138.5 |
| 4 | 0.661 | 0.034 | 49.7 |
| 5 | 0.724 | 0.077 | 14.8 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)

## Other forms

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