# Vivid monochrome salmon to pink angular gradient

Vivid monochrome salmon to pink angular gradient with 32 colors: #fe9985, #fe9782, #fe937d, #ff8f78, #ff8a72, #ff856d, #ff8068, #ff7b65, #ff7765, #ff7466, #ff7068, #ff6d6c, #ff6a71, #fe6877, #fd677d, #fc6783, #fb688a, #f96b92, #f76f9b, #f574a3, #f379ab, #f17eb1, #ef83b7, #ef87ba, #f08bbc, #f28ebc, #f491bb, #f795ba, #fa98b8, #fd9bb6, #ff9db5, #ffa0b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWx1sXXL0_tpCPZfsj2ZqtBw`
- Page: https://grabient.com/kWx1sXXL0_tpCPZfsj2ZqtBw?style=angularGradient&steps=32
- Drawn as: angular gradient, 32 steps, 90 degrees
- Kinds: even lightness, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.4 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 | `#fe9985` | `oklch(78.35% 0.1254 32.34)` | Amber Sun | black, 10.1 to 1 |
| 2 | `#fe9782` | `oklch(77.88% 0.1290 32.30)` | Orange Aura | black, 9.9 to 1 |
| 3 | `#fe937d` | `oklch(77.23% 0.1341 32.39)` | Coralistic | black, 9.7 to 1 |
| 4 | `#ff8f78` | `oklch(76.45% 0.1402 32.50)` | Kissable | black, 9.4 to 1 |
| 5 | `#ff8a72` | `oklch(75.61% 0.1467 32.54)` | Miami Coral | black, 9.1 to 1 |
| 6 | `#ff856d` | `oklch(74.75% 0.1534 32.39)` | Miami Coral | black, 8.8 to 1 |
| 7 | `#ff8068` | `oklch(73.95% 0.1596 31.96)` | Sunset Papaya | black, 8.5 to 1 |
| 8 | `#ff7b65` | `oklch(73.25% 0.1649 31.15)` | Sunset Papaya | black, 8.2 to 1 |
| 9 | `#ff7765` | `oklch(72.71% 0.1690 29.85)` | Salmon | black, 8 to 1 |
| 10 | `#ff7466` | `oklch(72.25% 0.1725 28.01)` | Salmon | black, 7.9 to 1 |
| 11 | `#ff7068` | `oklch(71.81% 0.1757 25.71)` | Manila Sunset | black, 7.7 to 1 |
| 12 | `#ff6d6c` | `oklch(71.44% 0.1789 23.08)` | Flirty Salmon | black, 7.6 to 1 |
| 13 | `#ff6a71` | `oklch(71.13% 0.1812 20.22)` | Begonia | black, 7.5 to 1 |
| 14 | `#fe6877` | `oklch(70.91% 0.1827 17.26)` | Kisses and Hugs | black, 7.4 to 1 |
| 15 | `#fd677d` | `oklch(70.80% 0.1833 14.31)` | Kisses and Hugs | black, 7.4 to 1 |
| 16 | `#fc6783` | `oklch(70.81% 0.1827 11.48)` | Ultra Red | black, 7.4 to 1 |
| 17 | `#fb688a` | `oklch(70.97% 0.1806 8.79)` | Berlin Pink | black, 7.4 to 1 |
| 18 | `#f96b92` | `oklch(71.29% 0.1766 5.72)` | God’s Own Junkyard Pink | black, 7.5 to 1 |
| 19 | `#f76f9b` | `oklch(71.76% 0.1711 2.41)` | French Pink | black, 7.7 to 1 |
| 20 | `#f574a3` | `oklch(72.33% 0.1645 359.08)` | Crazy Pink | black, 7.9 to 1 |
| 21 | `#f379ab` | `oklch(72.98% 0.1575 355.95)` | Erythrosine | black, 8.1 to 1 |
| 22 | `#f17eb1` | `oklch(73.66% 0.1505 353.28)` | Erythrosine | black, 8.3 to 1 |
| 23 | `#ef83b7` | `oklch(74.36% 0.1441 351.27)` | Persian Pink | black, 8.6 to 1 |
| 24 | `#ef87ba` | `oklch(75.04% 0.1389 350.18)` | Brown Knapweed | black, 8.8 to 1 |
| 25 | `#f08bbc` | `oklch(75.71% 0.1349 350.26)` | Brown Knapweed | black, 9 to 1 |
| 26 | `#f28ebc` | `oklch(76.47% 0.1314 351.53)` | Cochonnet | black, 9.3 to 1 |
| 27 | `#f491bb` | `oklch(77.29% 0.1283 353.69)` | Pastel Magenta | black, 9.6 to 1 |
| 28 | `#f795ba` | `oklch(78.12% 0.1257 356.39)` | Pastel Magenta | black, 9.9 to 1 |
| 29 | `#fa98b8` | `oklch(78.92% 0.1234 359.29)` | Saira Red | black, 10.2 to 1 |
| 30 | `#fd9bb6` | `oklch(79.65% 0.1215 2.07)` | Saira Red | black, 10.5 to 1 |
| 31 | `#ff9db5` | `oklch(80.26% 0.1191 4.39)` | Saira Red | black, 10.7 to 1 |
| 32 | `#ffa0b5` | `oklch(80.71% 0.1148 5.92)` | Saira Red | black, 10.9 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #fe9985 0.0%, #fe9782 3.2%, #fe937d 6.5%, #ff8f78 9.7%, #ff8a72 12.9%, #ff856d 16.1%, #ff8068 19.4%, #ff7b65 22.6%, #ff7765 25.8%, #ff7466 29.0%, #ff7068 32.3%, #ff6d6c 35.5%, #ff6a71 38.7%, #fe6877 41.9%, #fd677d 45.2%, #fc6783 48.4%, #fb688a 51.6%, #f96b92 54.8%, #f76f9b 58.1%, #f574a3 61.3%, #f379ab 64.5%, #f17eb1 67.7%, #ef83b7 71.0%, #ef87ba 74.2%, #f08bbc 77.4%, #f28ebc 80.6%, #f491bb 83.9%, #f795ba 87.1%, #fa98b8 90.3%, #fd9bb6 93.5%, #ff9db5 96.8%, #ffa0b5 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(78.35% 0.1254 32.34) 0.0%, oklch(77.88% 0.1290 32.30) 3.2%, oklch(77.23% 0.1341 32.39) 6.5%, oklch(76.45% 0.1402 32.50) 9.7%, oklch(75.61% 0.1467 32.54) 12.9%, oklch(74.75% 0.1534 32.39) 16.1%, oklch(73.95% 0.1596 31.96) 19.4%, oklch(73.25% 0.1649 31.15) 22.6%, oklch(72.71% 0.1690 29.85) 25.8%, oklch(72.25% 0.1725 28.01) 29.0%, oklch(71.81% 0.1757 25.71) 32.3%, oklch(71.44% 0.1789 23.08) 35.5%, oklch(71.13% 0.1812 20.22) 38.7%, oklch(70.91% 0.1827 17.26) 41.9%, oklch(70.80% 0.1833 14.31) 45.2%, oklch(70.81% 0.1827 11.48) 48.4%, oklch(70.97% 0.1806 8.79) 51.6%, oklch(71.29% 0.1766 5.72) 54.8%, oklch(71.76% 0.1711 2.41) 58.1%, oklch(72.33% 0.1645 359.08) 61.3%, oklch(72.98% 0.1575 355.95) 64.5%, oklch(73.66% 0.1505 353.28) 67.7%, oklch(74.36% 0.1441 351.27) 71.0%, oklch(75.04% 0.1389 350.18) 74.2%, oklch(75.71% 0.1349 350.26) 77.4%, oklch(76.47% 0.1314 351.53) 80.6%, oklch(77.29% 0.1283 353.69) 83.9%, oklch(78.12% 0.1257 356.39) 87.1%, oklch(78.92% 0.1234 359.29) 90.3%, oklch(79.65% 0.1215 2.07) 93.5%, oklch(80.26% 0.1191 4.39) 96.8%, oklch(80.71% 0.1148 5.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.125 | 32.3 |
| 2 | 0.728 | 0.168 | 30.2 |
| 3 | 0.709 | 0.182 | 10.2 |
| 4 | 0.752 | 0.138 | -9.9 |
| 5 | 0.807 | 0.119 | 5.9 |

## In these collections

- [Pink gradients](https://grabient.com/pink-gradients)

## Other forms

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