# Pastel pink, green and beige angular gradient

Pastel pink, green and beige angular gradient with 32 colors: #ff87cc, #ff8dcc, #ff95ce, #fda0cf, #fdabce, #fdb4ca, #ffbcc4, #ffc6bd, #ffcfb8, #fdd8b4, #f8e0b5, #f3e5b4, #efe9ae, #e9eca7, #e3ee9f, #dcee9a, #d8ec98, #d5e899, #d3e29b, #d2da9c, #d3d39b, #d6cb97, #dbc192, #e0b691, #e3ab96, #e3a29d, #e49aa4, #e893aa, #ef8baf, #f883b3, #ff7bb6, #ff7ab9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaxX32a6BBvSWyh0KEPaxm92EftXfw72A`
- Page: https://grabient.com/kaxX32a6BBvSWyh0KEPaxm92EftXfw72A?style=angularGradient&steps=32&angle=210
- Drawn as: angular gradient, 32 steps, 210 degrees
- Kinds: pastel, light, warm
- Hues: two-hue
- 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 | `#ff87cc` | `oklch(77.56% 0.1653 345.93)` | Shimmering Love | black, 9.5 to 1 |
| 2 | `#ff8dcc` | `oklch(78.48% 0.1551 346.80)` | Shimmering Love | black, 9.9 to 1 |
| 3 | `#ff95ce` | `oklch(79.79% 0.1427 347.33)` | Himalayan Balsam | black, 10.4 to 1 |
| 4 | `#fda0cf` | `oklch(81.31% 0.1236 348.77)` | Himalayan Balsam | black, 11.1 to 1 |
| 5 | `#fdabce` | `oklch(82.91% 0.1049 352.31)` | Majin Bū Pink | black, 11.8 to 1 |
| 6 | `#fdb4ca` | `oklch(84.41% 0.0901 359.18)` | Baby Pink | black, 12.5 to 1 |
| 7 | `#ffbcc4` | `oklch(85.87% 0.0779 11.10)` | A Lot of Love | black, 13.2 to 1 |
| 8 | `#ffc6bd` | `oklch(87.46% 0.0668 28.02)` | Your Pink | black, 14 to 1 |
| 9 | `#ffcfb8` | `oklch(89.04% 0.0629 47.31)` | Apricot Lily | black, 14.8 to 1 |
| 10 | `#fdd8b4` | `oklch(90.43% 0.0620 66.24)` | Young Apricot | black, 15.6 to 1 |
| 11 | `#f8e0b5` | `oklch(91.49% 0.0615 82.16)` | Butter Muffin | black, 16.2 to 1 |
| 12 | `#f3e5b4` | `oklch(92.10% 0.0652 93.51)` | Bad Moon Yellow | black, 16.6 to 1 |
| 13 | `#efe9ae` | `oklch(92.39% 0.0752 102.60)` | Yellow Jasmine | black, 16.8 to 1 |
| 14 | `#e9eca7` | `oklch(92.41% 0.0881 109.70)` | Lemon Pepper | black, 16.9 to 1 |
| 15 | `#e3ee9f` | `oklch(92.17% 0.1005 114.87)` | Mint Julep | black, 16.9 to 1 |
| 16 | `#dcee9a` | `oklch(91.67% 0.1087 118.14)` | Creamy Avocado | black, 16.7 to 1 |
| 17 | `#d8ec98` | `oklch(90.92% 0.1096 119.65)` | Reef Refractions | black, 16.3 to 1 |
| 18 | `#d5e899` | `oklch(89.79% 0.1034 119.70)` | Apple Bob | black, 15.8 to 1 |
| 19 | `#d3e29b` | `oklch(88.39% 0.0932 117.94)` | Charming Green | black, 15 to 1 |
| 20 | `#d2da9c` | `oklch(86.83% 0.0821 113.95)` | Lettuce Alone | black, 14.2 to 1 |
| 21 | `#d3d39b` | `oklch(85.25% 0.0733 107.27)` | Misty Bead | black, 13.5 to 1 |
| 22 | `#d6cb97` | `oklch(83.75% 0.0696 97.26)` | Artichoke Mist | black, 12.8 to 1 |
| 23 | `#dbc192` | `oklch(82.11% 0.0685 81.55)` | Expedition Khaki | black, 12 to 1 |
| 24 | `#e0b691` | `oklch(80.38% 0.0693 62.00)` | Oakley Apricot | black, 11.2 to 1 |
| 25 | `#e3ab96` | `oklch(78.71% 0.0725 41.66)` | California Coral | black, 10.5 to 1 |
| 26 | `#e3a29d` | `oklch(77.28% 0.0788 23.55)` | Bussell Lace | black, 9.9 to 1 |
| 27 | `#e49aa4` | `oklch(76.24% 0.0888 10.66)` | All Dressed Up | black, 9.4 to 1 |
| 28 | `#e893aa` | `oklch(75.64% 0.1056 2.78)` | Charm Pink | black, 9.1 to 1 |
| 29 | `#ef8baf` | `oklch(75.35% 0.1276 358.06)` | Brown Knapweed | black, 9 to 1 |
| 30 | `#f883b3` | `oklch(75.26% 0.1510 355.44)` | Brown Knapweed | black, 8.8 to 1 |
| 31 | `#ff7bb6` | `oklch(75.25% 0.1713 353.86)` | Erythrosine | black, 8.7 to 1 |
| 32 | `#ff7ab9` | `oklch(75.20% 0.1745 352.28)` | Dream Setting | black, 8.7 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #ff87cc 0.0%, #ff8dcc 3.2%, #ff95ce 6.5%, #fda0cf 9.7%, #fdabce 12.9%, #fdb4ca 16.1%, #ffbcc4 19.4%, #ffc6bd 22.6%, #ffcfb8 25.8%, #fdd8b4 29.0%, #f8e0b5 32.3%, #f3e5b4 35.5%, #efe9ae 38.7%, #e9eca7 41.9%, #e3ee9f 45.2%, #dcee9a 48.4%, #d8ec98 51.6%, #d5e899 54.8%, #d3e29b 58.1%, #d2da9c 61.3%, #d3d39b 64.5%, #d6cb97 67.7%, #dbc192 71.0%, #e0b691 74.2%, #e3ab96 77.4%, #e3a29d 80.6%, #e49aa4 83.9%, #e893aa 87.1%, #ef8baf 90.3%, #f883b3 93.5%, #ff7bb6 96.8%, #ff7ab9 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(77.56% 0.1653 345.93) 0.0%, oklch(78.48% 0.1551 346.80) 3.2%, oklch(79.79% 0.1427 347.33) 6.5%, oklch(81.31% 0.1236 348.77) 9.7%, oklch(82.91% 0.1049 352.31) 12.9%, oklch(84.41% 0.0901 359.18) 16.1%, oklch(85.87% 0.0779 11.10) 19.4%, oklch(87.46% 0.0668 28.02) 22.6%, oklch(89.04% 0.0629 47.31) 25.8%, oklch(90.43% 0.0620 66.24) 29.0%, oklch(91.49% 0.0615 82.16) 32.3%, oklch(92.10% 0.0652 93.51) 35.5%, oklch(92.39% 0.0752 102.60) 38.7%, oklch(92.41% 0.0881 109.70) 41.9%, oklch(92.17% 0.1005 114.87) 45.2%, oklch(91.67% 0.1087 118.14) 48.4%, oklch(90.92% 0.1096 119.65) 51.6%, oklch(89.79% 0.1034 119.70) 54.8%, oklch(88.39% 0.0932 117.94) 58.1%, oklch(86.83% 0.0821 113.95) 61.3%, oklch(85.25% 0.0733 107.27) 64.5%, oklch(83.75% 0.0696 97.26) 67.7%, oklch(82.11% 0.0685 81.55) 71.0%, oklch(80.38% 0.0693 62.00) 74.2%, oklch(78.71% 0.0725 41.66) 77.4%, oklch(77.28% 0.0788 23.55) 80.6%, oklch(76.24% 0.0888 10.66) 83.9%, oklch(75.64% 0.1056 2.78) 87.1%, oklch(75.35% 0.1276 358.06) 90.3%, oklch(75.26% 0.1510 355.44) 93.5%, oklch(75.25% 0.1713 353.86) 96.8%, oklch(75.20% 0.1745 352.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.172 | 345.9 |
| 2 | 0.846 | 0.088 | 360.7 |
| 3 | 0.917 | 0.062 | 446.3 |
| 4 | 0.913 | 0.11 | 479.1 |
| 5 | 0.843 | 0.07 | 461.1 |
| 6 | 0.764 | 0.087 | 372.4 |
| 7 | 0.752 | 0.186 | 352.3 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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