# Peach pearl over alien teal

Teal, pink, purple and gray linear gradient with 32 colors: #345b64, #376366, #416f65, #577b60, #77855b, #998c5c, #b69268, #ca977a, #d59b8a, #daa094, #dca69a, #dbab9c, #d7ae9d, #d3b09e, #ceb09e, #caae9d, #c7a89b, #c19c97, #b78e96, #a67f97, #90749b, #786c9c, #64689a, #5a6798, #61699a, #756f9d, #8f789e, #a7879e, #ba9aa1, #c6adaa, #cdbeb7, #d2cac2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, pink, purple and gray linear gradient
- Seed: `kWcSKZ3ZsrGEOwRCnS_awVRw`
- Page: https://grabient.com/kWcSKZ3ZsrGEOwRCnS_awVRw?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.5 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 | `#345b64` | `oklch(44.49% 0.0469 215.86)` | Arctic Nights | white, 7.4 to 1 |
| 2 | `#376366` | `oklch(47.01% 0.0495 200.38)` | Pyrite Green | white, 6.6 to 1 |
| 3 | `#416f65` | `oklch(50.59% 0.0535 178.26)` | Cormorant | white, 5.6 to 1 |
| 4 | `#577b60` | `oklch(54.86% 0.0584 151.84)` | Dark Sorrel | white, 4.7 to 1 |
| 5 | `#77855b` | `oklch(59.46% 0.0634 123.45)` | Equatorial Forest | black, 5.3 to 1 |
| 6 | `#998c5c` | `oklch(64.05% 0.0681 95.44)` | In a Pickle | black, 6.2 to 1 |
| 7 | `#b69268` | `oklch(68.25% 0.0718 70.13)` | Baguette | black, 7.2 to 1 |
| 8 | `#ca977a` | `oklch(71.72% 0.0741 49.86)` | Chinook Salmon | black, 8.1 to 1 |
| 9 | `#d59b8a` | `oklch(74.12% 0.0742 36.95)` | Nectarine Spice | black, 8.9 to 1 |
| 10 | `#daa094` | `oklch(75.85% 0.0716 31.96)` | Rhapsodic | black, 9.4 to 1 |
| 11 | `#dca69a` | `oklch(77.15% 0.0667 32.91)` | Kitten’s Paw | black, 9.9 to 1 |
| 12 | `#dbab9c` | `oklch(78.01% 0.0605 37.67)` | Perrigloss Tan | black, 10.2 to 1 |
| 13 | `#d7ae9d` | `oklch(78.43% 0.0539 44.10)` | Montezuma’s Castle | black, 10.4 to 1 |
| 14 | `#d3b09e` | `oklch(78.40% 0.0478 50.06)` | Indian Khaki | black, 10.5 to 1 |
| 15 | `#ceb09e` | `oklch(77.93% 0.0429 53.42)` | Iced Copper | black, 10.3 to 1 |
| 16 | `#caae9d` | `oklch(77.01% 0.0402 52.03)` | Frappé | black, 10 to 1 |
| 17 | `#c7a89b` | `oklch(75.48% 0.0406 43.65)` | Teatime Mauve | black, 9.4 to 1 |
| 18 | `#c19c97` | `oklch(72.57% 0.0446 27.34)` | Coca Mocha | black, 8.4 to 1 |
| 19 | `#b78e96` | `oklch(68.64% 0.0511 5.58)` | Cherry Juice | black, 7.2 to 1 |
| 20 | `#a67f97` | `oklch(64.22% 0.0589 341.16)` | Cali Lily | black, 6.1 to 1 |
| 21 | `#90749b` | `oklch(59.85% 0.0669 316.86)` | Diffused Orchid | black, 5.1 to 1 |
| 22 | `#786c9c` | `oklch(56.05% 0.0739 295.50)` | Purple Spire | white, 4.7 to 1 |
| 23 | `#64689a` | `oklch(53.36% 0.0787 279.84)` | Dark Horizon | white, 5.2 to 1 |
| 24 | `#5a6798` | `oklch(52.31% 0.0802 272.70)` | UCLA Blue | white, 5.5 to 1 |
| 25 | `#61699a` | `oklch(53.38% 0.0774 276.49)` | Dark Horizon | white, 5.2 to 1 |
| 26 | `#756f9d` | `oklch(56.41% 0.0709 290.23)` | Purple Spire | white, 4.6 to 1 |
| 27 | `#8f789e` | `oklch(60.84% 0.0616 311.10)` | Pickled Purple | black, 5.3 to 1 |
| 28 | `#a7879e` | `oklch(66.12% 0.0508 336.30)` | Evening Pink | black, 6.6 to 1 |
| 29 | `#ba9aa1` | `oklch(71.66% 0.0394 2.98)` | Playful Plum | black, 8.2 to 1 |
| 30 | `#c6adaa` | `oklch(76.91% 0.0288 28.32)` | Wispy Mauve | black, 9.9 to 1 |
| 31 | `#cdbeb7` | `oklch(81.29% 0.0198 49.50)` | Blanched Driftwood | black, 11.6 to 1 |
| 32 | `#d2cac2` | `oklch(84.25% 0.0138 63.69)` | Ashen Tan | black, 12.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #345b64 0.0%, #376366 3.2%, #416f65 6.5%, #577b60 9.7%, #77855b 12.9%, #998c5c 16.1%, #b69268 19.4%, #ca977a 22.6%, #d59b8a 25.8%, #daa094 29.0%, #dca69a 32.3%, #dbab9c 35.5%, #d7ae9d 38.7%, #d3b09e 41.9%, #ceb09e 45.2%, #caae9d 48.4%, #c7a89b 51.6%, #c19c97 54.8%, #b78e96 58.1%, #a67f97 61.3%, #90749b 64.5%, #786c9c 67.7%, #64689a 71.0%, #5a6798 74.2%, #61699a 77.4%, #756f9d 80.6%, #8f789e 83.9%, #a7879e 87.1%, #ba9aa1 90.3%, #c6adaa 93.5%, #cdbeb7 96.8%, #d2cac2 100.0%);
background: linear-gradient(45deg in oklch, oklch(44.49% 0.0469 215.86) 0.0%, oklch(47.01% 0.0495 200.38) 3.2%, oklch(50.59% 0.0535 178.26) 6.5%, oklch(54.86% 0.0584 151.84) 9.7%, oklch(59.46% 0.0634 123.45) 12.9%, oklch(64.05% 0.0681 95.44) 16.1%, oklch(68.25% 0.0718 70.13) 19.4%, oklch(71.72% 0.0741 49.86) 22.6%, oklch(74.12% 0.0742 36.95) 25.8%, oklch(75.85% 0.0716 31.96) 29.0%, oklch(77.15% 0.0667 32.91) 32.3%, oklch(78.01% 0.0605 37.67) 35.5%, oklch(78.43% 0.0539 44.10) 38.7%, oklch(78.40% 0.0478 50.06) 41.9%, oklch(77.93% 0.0429 53.42) 45.2%, oklch(77.01% 0.0402 52.03) 48.4%, oklch(75.48% 0.0406 43.65) 51.6%, oklch(72.57% 0.0446 27.34) 54.8%, oklch(68.64% 0.0511 5.58) 58.1%, oklch(64.22% 0.0589 341.16) 61.3%, oklch(59.85% 0.0669 316.86) 64.5%, oklch(56.05% 0.0739 295.50) 67.7%, oklch(53.36% 0.0787 279.84) 71.0%, oklch(52.31% 0.0802 272.70) 74.2%, oklch(53.38% 0.0774 276.49) 77.4%, oklch(56.41% 0.0709 290.23) 80.6%, oklch(60.84% 0.0616 311.10) 83.9%, oklch(66.12% 0.0508 336.30) 87.1%, oklch(71.66% 0.0394 2.98) 90.3%, oklch(76.91% 0.0288 28.32) 93.5%, oklch(81.29% 0.0198 49.50) 96.8%, oklch(84.25% 0.0138 63.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.047 | 215.9 |
| 2 | 0.736 | 0.074 | 39.4 |
| 3 | 0.764 | 0.04 | 48.9 |
| 4 | 0.524 | 0.08 | -87.4 |
| 5 | 0.843 | 0.014 | 63.7 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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