# Soft magenta blush rings

Vivid analogous pink and purple linear gradient with 32 colors: #f66cb8, #f572bb, #f57ac0, #f485c6, #f290cc, #f19bd1, #efa5d6, #edadd9, #ebb3db, #e8b7dc, #e5b6da, #e1b2d8, #dca8d3, #d59bcd, #ce8bc6, #c579be, #bc66b6, #b453af, #ac40a8, #a62da3, #a21b9e, #a10d9c, #a3079c, #a80f9d, #af1b9f, #b828a2, #c134a5, #ca41a9, #d34cac, #db56b0, #e15db3, #e662b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous pink and purple linear gradient
- Seed: `kUt4j4aRo-L_Pv3XQ8Gg`
- Page: https://grabient.com/kUt4j4aRo-L_Pv3XQ8Gg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#f66cb8` | `oklch(72.05% 0.1874 348.75)` | Hot Pink Fusion | black, 7.7 to 1 |
| 2 | `#f572bb` | `oklch(72.84% 0.1797 347.86)` | Pop That Gum | black, 8 to 1 |
| 3 | `#f57ac0` | `oklch(74.09% 0.1683 346.66)` | Persian Pink | black, 8.4 to 1 |
| 4 | `#f485c6` | `oklch(75.65% 0.1544 345.22)` | Bubblegum Beam | black, 8.9 to 1 |
| 5 | `#f290cc` | `oklch(77.38% 0.1389 343.61)` | Bubblegum Kisses | black, 9.6 to 1 |
| 6 | `#f19bd1` | `oklch(79.12% 0.1230 341.91)` | Pearly Pink | black, 10.3 to 1 |
| 7 | `#efa5d6` | `oklch(80.74% 0.1075 340.17)` | Violet Kiss | black, 11 to 1 |
| 8 | `#edadd9` | `oklch(82.08% 0.0936 338.47)` | Pretty Pink Piggy | black, 11.5 to 1 |
| 9 | `#ebb3db` | `oklch(83.00% 0.0823 336.87)` | Pink Gems | black, 12 to 1 |
| 10 | `#e8b7dc` | `oklch(83.35% 0.0745 335.45)` | Pink Drink | black, 12.2 to 1 |
| 11 | `#e5b6da` | `oklch(82.98% 0.0715 334.28)` | Pink Gems | black, 12 to 1 |
| 12 | `#e1b2d8` | `oklch(81.69% 0.0741 333.35)` | Pink Gems | black, 11.5 to 1 |
| 13 | `#dca8d3` | `oklch(79.31% 0.0825 332.47)` | Tiara Pink | black, 10.6 to 1 |
| 14 | `#d59bcd` | `oklch(76.06% 0.0955 331.64)` | Girl Power | black, 9.4 to 1 |
| 15 | `#ce8bc6` | `oklch(72.20% 0.1119 330.90)` | Cyclamen | black, 8.1 to 1 |
| 16 | `#c579be` | `oklch(68.00% 0.1305 330.27)` | Gulābī Pink | black, 6.8 to 1 |
| 17 | `#bc66b6` | `oklch(63.70% 0.1500 329.75)` | Mazzy Star | black, 5.7 to 1 |
| 18 | `#b453af` | `oklch(59.57% 0.1694 329.39)` | Royalty Loyalty | black, 4.7 to 1 |
| 19 | `#ac40a8` | `oklch(55.87% 0.1874 329.21)` | Vivid Fuchsia | white, 5.1 to 1 |
| 20 | `#a62da3` | `oklch(52.84% 0.2027 329.22)` | Purple Tone Ink | white, 5.9 to 1 |
| 21 | `#a21b9e` | `oklch(50.75% 0.2142 329.44)` | Barney Purple | white, 6.5 to 1 |
| 22 | `#a10d9c` | `oklch(49.83% 0.2207 329.93)` | Barney Purple | white, 6.8 to 1 |
| 23 | `#a3079c` | `oklch(50.02% 0.2234 330.81)` | Barney Purple | white, 6.8 to 1 |
| 24 | `#a80f9d` | `oklch(51.08% 0.2232 332.07)` | Barney Purple | white, 6.5 to 1 |
| 25 | `#af1b9f` | `oklch(52.83% 0.2206 333.61)` | Rosolanc Purple | white, 6 to 1 |
| 26 | `#b828a2` | `oklch(55.09% 0.2163 335.34)` | Amora Purple | white, 5.4 to 1 |
| 27 | `#c134a5` | `oklch(57.65% 0.2108 337.17)` | Byzantine | white, 4.8 to 1 |
| 28 | `#ca41a9` | `oklch(60.34% 0.2047 339.00)` | Krameria | black, 4.8 to 1 |
| 29 | `#d34cac` | `oklch(62.95% 0.1986 340.74)` | Krameria | black, 5.3 to 1 |
| 30 | `#db56b0` | `oklch(65.31% 0.1931 342.30)` | Orion | black, 5.9 to 1 |
| 31 | `#e15db3` | `oklch(67.23% 0.1887 343.59)` | Pink Charge | black, 6.4 to 1 |
| 32 | `#e662b5` | `oklch(68.50% 0.1860 344.52)` | Pink Charge | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f66cb8 0.0%, #f572bb 3.2%, #f57ac0 6.5%, #f485c6 9.7%, #f290cc 12.9%, #f19bd1 16.1%, #efa5d6 19.4%, #edadd9 22.6%, #ebb3db 25.8%, #e8b7dc 29.0%, #e5b6da 32.3%, #e1b2d8 35.5%, #dca8d3 38.7%, #d59bcd 41.9%, #ce8bc6 45.2%, #c579be 48.4%, #bc66b6 51.6%, #b453af 54.8%, #ac40a8 58.1%, #a62da3 61.3%, #a21b9e 64.5%, #a10d9c 67.7%, #a3079c 71.0%, #a80f9d 74.2%, #af1b9f 77.4%, #b828a2 80.6%, #c134a5 83.9%, #ca41a9 87.1%, #d34cac 90.3%, #db56b0 93.5%, #e15db3 96.8%, #e662b5 100.0%);
background: linear-gradient(135deg in oklch, oklch(72.05% 0.1874 348.75) 0.0%, oklch(72.84% 0.1797 347.86) 3.2%, oklch(74.09% 0.1683 346.66) 6.5%, oklch(75.65% 0.1544 345.22) 9.7%, oklch(77.38% 0.1389 343.61) 12.9%, oklch(79.12% 0.1230 341.91) 16.1%, oklch(80.74% 0.1075 340.17) 19.4%, oklch(82.08% 0.0936 338.47) 22.6%, oklch(83.00% 0.0823 336.87) 25.8%, oklch(83.35% 0.0745 335.45) 29.0%, oklch(82.98% 0.0715 334.28) 32.3%, oklch(81.69% 0.0741 333.35) 35.5%, oklch(79.31% 0.0825 332.47) 38.7%, oklch(76.06% 0.0955 331.64) 41.9%, oklch(72.20% 0.1119 330.90) 45.2%, oklch(68.00% 0.1305 330.27) 48.4%, oklch(63.70% 0.1500 329.75) 51.6%, oklch(59.57% 0.1694 329.39) 54.8%, oklch(55.87% 0.1874 329.21) 58.1%, oklch(52.84% 0.2027 329.22) 61.3%, oklch(50.75% 0.2142 329.44) 64.5%, oklch(49.83% 0.2207 329.93) 67.7%, oklch(50.02% 0.2234 330.81) 71.0%, oklch(51.08% 0.2232 332.07) 74.2%, oklch(52.83% 0.2206 333.61) 77.4%, oklch(55.09% 0.2163 335.34) 80.6%, oklch(57.65% 0.2108 337.17) 83.9%, oklch(60.34% 0.2047 339.00) 87.1%, oklch(62.95% 0.1986 340.74) 90.3%, oklch(65.31% 0.1931 342.30) 93.5%, oklch(67.23% 0.1887 343.59) 96.8%, oklch(68.50% 0.1860 344.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.187 | 348.8 |
| 2 | 0.827 | 0.072 | 334 |
| 3 | 0.5 | 0.219 | 329.7 |
| 4 | 0.685 | 0.186 | 344.5 |

## In these collections

- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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