# Rose Glaze and Seafoam

Pink, lavender, peach and teal linear gradient with 32 colors: #ecacb5, #ebabb0, #e9aba9, #e7aaa1, #e3aa9a, #dfa895, #daa593, #d69f95, #ce999c, #c394a5, #b490ab, #a68dae, #9c89ae, #9a82ad, #9e77a9, #aa679b, #b85882, #c34c60, #ca4c3f, #d0572f, #da6d41, #e78a64, #f4a88c, #fcc4ae, #ffd9c8, #fde1ce, #f1ddc3, #d9d2ae, #b4c49a, #86b691, #59a892, #379e96. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, lavender, peach and teal linear gradient
- Seed: `kYzTcHYRlDVMWtTLvEpdg9CNEiT8`
- Page: https://grabient.com/kYzTcHYRlDVMWtTLvEpdg9CNEiT8?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.7 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 | `#ecacb5` | `oklch(80.71% 0.0758 9.84)` | Strawberry Cream | black, 11.1 to 1 |
| 2 | `#ebabb0` | `oklch(80.33% 0.0751 14.13)` | Hibiscus Petal | black, 11 to 1 |
| 3 | `#e9aba9` | `oklch(79.87% 0.0741 21.14)` | Sweet Tart | black, 10.8 to 1 |
| 4 | `#e7aaa1` | `oklch(79.30% 0.0729 29.03)` | Soft Salmon | black, 10.6 to 1 |
| 5 | `#e3aa9a` | `oklch(78.58% 0.0716 35.91)` | Sun-Kissed Beach | black, 10.4 to 1 |
| 6 | `#dfa895` | `oklch(77.70% 0.0703 39.94)` | Cedarville | black, 10.1 to 1 |
| 7 | `#daa593` | `oklch(76.62% 0.0691 39.25)` | Conch Pink | black, 9.7 to 1 |
| 8 | `#d69f95` | `oklch(75.25% 0.0672 31.20)` | Indian Mesa | black, 9.2 to 1 |
| 9 | `#ce999c` | `oklch(73.51% 0.0636 15.38)` | Silk Stone | black, 8.6 to 1 |
| 10 | `#c394a5` | `oklch(71.57% 0.0596 355.45)` | Light Mauve | black, 8 to 1 |
| 11 | `#b490ab` | `oklch(69.56% 0.0567 335.17)` | Soft Impact | black, 7.5 to 1 |
| 12 | `#a68dae` | `oklch(67.63% 0.0561 318.29)` | Revered | black, 7 to 1 |
| 13 | `#9c89ae` | `oklch(65.93% 0.0593 308.55)` | Saffron Blossom Mauve | black, 6.5 to 1 |
| 14 | `#9a82ad` | `oklch(64.41% 0.0686 309.22)` | Rhapsody | black, 6.1 to 1 |
| 15 | `#9e77a9` | `oklch(62.49% 0.0865 319.14)` | Karma Chameleon | black, 5.6 to 1 |
| 16 | `#aa679b` | `oklch(60.51% 0.1092 335.16)` | Iris Orchid | black, 5.1 to 1 |
| 17 | `#b85882` | `oklch(58.88% 0.1325 354.16)` | Speedwell | black, 4.7 to 1 |
| 18 | `#c34c60` | `oklch(58.05% 0.1521 13.04)` | Claret Red | white, 4.6 to 1 |
| 19 | `#ca4c3f` | `oklch(58.44% 0.1639 28.67)` | Terra Cotta Red | black, 4.6 to 1 |
| 20 | `#d0572f` | `oklch(60.62% 0.1634 38.15)` | Bronze Satin | black, 5 to 1 |
| 21 | `#da6d41` | `oklch(65.58% 0.1493 41.88)` | Field Poppy | black, 6.2 to 1 |
| 22 | `#e78a64` | `oklch(72.41% 0.1258 42.27)` | Shell Coral | black, 8.2 to 1 |
| 23 | `#f4a88c` | `oklch(79.85% 0.0981 41.66)` | Lugganath Orange | black, 10.8 to 1 |
| 24 | `#fcc4ae` | `oklch(86.60% 0.0712 42.34)` | Gadabout | black, 13.7 to 1 |
| 25 | `#ffd9c8` | `oklch(91.37% 0.0483 46.64)` | Camisole | black, 16 to 1 |
| 26 | `#fde1ce` | `oklch(92.90% 0.0404 56.88)` | Powdered Peach | black, 16.9 to 1 |
| 27 | `#f1ddc3` | `oklch(90.77% 0.0412 74.98)` | Jakarta | black, 15.9 to 1 |
| 28 | `#d9d2ae` | `oklch(86.02% 0.0490 98.79)` | Chinese Silk | black, 13.7 to 1 |
| 29 | `#b4c49a` | `oklch(79.78% 0.0611 125.19)` | Green Eggs & Cam | black, 11.3 to 1 |
| 30 | `#86b691` | `oklch(73.23% 0.0745 151.02)` | Veiled Chameleon | black, 9.1 to 1 |
| 31 | `#59a892` | `oklch(67.51% 0.0863 173.15)` | Artemesia Green | black, 7.4 to 1 |
| 32 | `#379e96` | `oklch(63.78% 0.0937 188.43)` | Dreamy Teal | black, 6.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ecacb5 0.0%, #ebabb0 3.2%, #e9aba9 6.5%, #e7aaa1 9.7%, #e3aa9a 12.9%, #dfa895 16.1%, #daa593 19.4%, #d69f95 22.6%, #ce999c 25.8%, #c394a5 29.0%, #b490ab 32.3%, #a68dae 35.5%, #9c89ae 38.7%, #9a82ad 41.9%, #9e77a9 45.2%, #aa679b 48.4%, #b85882 51.6%, #c34c60 54.8%, #ca4c3f 58.1%, #d0572f 61.3%, #da6d41 64.5%, #e78a64 67.7%, #f4a88c 71.0%, #fcc4ae 74.2%, #ffd9c8 77.4%, #fde1ce 80.6%, #f1ddc3 83.9%, #d9d2ae 87.1%, #b4c49a 90.3%, #86b691 93.5%, #59a892 96.8%, #379e96 100.0%);
background: linear-gradient(135deg in oklch, oklch(80.71% 0.0758 9.84) 0.0%, oklch(80.33% 0.0751 14.13) 3.2%, oklch(79.87% 0.0741 21.14) 6.5%, oklch(79.30% 0.0729 29.03) 9.7%, oklch(78.58% 0.0716 35.91) 12.9%, oklch(77.70% 0.0703 39.94) 16.1%, oklch(76.62% 0.0691 39.25) 19.4%, oklch(75.25% 0.0672 31.20) 22.6%, oklch(73.51% 0.0636 15.38) 25.8%, oklch(71.57% 0.0596 355.45) 29.0%, oklch(69.56% 0.0567 335.17) 32.3%, oklch(67.63% 0.0561 318.29) 35.5%, oklch(65.93% 0.0593 308.55) 38.7%, oklch(64.41% 0.0686 309.22) 41.9%, oklch(62.49% 0.0865 319.14) 45.2%, oklch(60.51% 0.1092 335.16) 48.4%, oklch(58.88% 0.1325 354.16) 51.6%, oklch(58.05% 0.1521 13.04) 54.8%, oklch(58.44% 0.1639 28.67) 58.1%, oklch(60.62% 0.1634 38.15) 61.3%, oklch(65.58% 0.1493 41.88) 64.5%, oklch(72.41% 0.1258 42.27) 67.7%, oklch(79.85% 0.0981 41.66) 71.0%, oklch(86.60% 0.0712 42.34) 74.2%, oklch(91.37% 0.0483 46.64) 77.4%, oklch(92.90% 0.0404 56.88) 80.6%, oklch(90.77% 0.0412 74.98) 83.9%, oklch(86.02% 0.0490 98.79) 87.1%, oklch(79.78% 0.0611 125.19) 90.3%, oklch(73.23% 0.0745 151.02) 93.5%, oklch(67.51% 0.0863 173.15) 96.8%, oklch(63.78% 0.0937 188.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.076 | 9.8 |
| 2 | 0.764 | 0.069 | 38.4 |
| 3 | 0.654 | 0.062 | -52.5 |
| 4 | 0.594 | 0.165 | 35.2 |
| 5 | 0.929 | 0.041 | 54.2 |
| 6 | 0.638 | 0.094 | 188.4 |

## In these collections

- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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