# Vivid dark purple, pink and salmon radial gradient

Vivid dark purple, pink and salmon radial gradient with 34 colors: #440933, #470c38, #4b103f, #511548, #571a51, #5e205b, #672463, #73296b, #802d72, #8f3178, #9f357d, #ad3982, #bc3e88, #cd428d, #dd4692, #eb4b96, #f74f99, #ff549b, #ff5c9c, #ff609d, #ff619d, #ff639d, #fe679b, #ff6a99, #ff6f96, #fe7392, #fe778e, #fe7b8a, #ff7e85, #ff827f, #ff8678, #ff8a71, #ff8d6b, #ff9067. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaREnzr6y-cQ9wdXzcF20VAV45wbhNULA`
- Page: https://grabient.com/kaREnzr6y-cQ9wdXzcF20VAV45wbhNULA?style=radialGradient&steps=34
- Drawn as: radial gradient, 34 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#440933` | `oklch(26.77% 0.1006 342.42)` | Greek Aubergine | white, 15.8 to 1 |
| 2 | `#470c38` | `oklch(27.98% 0.1029 340.50)` | Pion Purple | white, 15.2 to 1 |
| 3 | `#4b103f` | `oklch(29.62% 0.1059 337.54)` | Pion Purple | white, 14.4 to 1 |
| 4 | `#511548` | `oklch(31.60% 0.1097 334.29)` | Violet Carmine | white, 13.5 to 1 |
| 5 | `#571a51` | `oklch(33.82% 0.1142 331.48)` | Purple Velour | white, 12.5 to 1 |
| 6 | `#5e205b` | `oklch(36.19% 0.1196 329.87)` | Purple Velour | white, 11.4 to 1 |
| 7 | `#672463` | `oklch(38.66% 0.1260 330.12)` | Blackest Berry | white, 10.4 to 1 |
| 8 | `#73296b` | `oklch(41.43% 0.1337 332.09)` | Byzantium | white, 9.3 to 1 |
| 9 | `#802d72` | `oklch(44.41% 0.1424 335.20)` | Veronica Purple | white, 8.2 to 1 |
| 10 | `#8f3178` | `oklch(47.50% 0.1516 338.86)` | Violet Vixen | white, 7.2 to 1 |
| 11 | `#9f357d` | `oklch(50.58% 0.1608 342.52)` | Wild Aster | white, 6.4 to 1 |
| 12 | `#ad3982` | `oklch(53.54% 0.1695 345.59)` | Wild Aster | white, 5.6 to 1 |
| 13 | `#bc3e88` | `oklch(56.55% 0.1786 348.22)` | Orchid Ecstasy | white, 5 to 1 |
| 14 | `#cd428d` | `oklch(59.71% 0.1886 350.84)` | Smitten | black, 4.7 to 1 |
| 15 | `#dd4692` | `oklch(62.81% 0.1983 353.33)` | Prunus Avium | black, 5.3 to 1 |
| 16 | `#eb4b96` | `oklch(65.64% 0.2065 355.59)` | Schiaparelli Pink | black, 5.9 to 1 |
| 17 | `#f74f99` | `oklch(67.98% 0.2121 357.49)` | Pansy | black, 6.5 to 1 |
| 18 | `#ff549b` | `oklch(69.62% 0.2140 358.87)` | Fuchsia Fever | black, 6.9 to 1 |
| 19 | `#ff5c9c` | `oklch(70.57% 0.2049 359.51)` | Neon Sunset | black, 7.2 to 1 |
| 20 | `#ff609d` | `oklch(71.02% 0.2004 359.70)` | Neon Sunset | black, 7.4 to 1 |
| 21 | `#ff619d` | `oklch(71.21% 0.1984 359.83)` | Neon Sunset | black, 7.4 to 1 |
| 22 | `#ff639d` | `oklch(71.35% 0.1958 0.29)` | Neon Sunset | black, 7.5 to 1 |
| 23 | `#fe679b` | `oklch(71.65% 0.1902 1.44)` | French Pink | black, 7.6 to 1 |
| 24 | `#ff6a99` | `oklch(72.11% 0.1846 3.30)` | French Pink | black, 7.7 to 1 |
| 25 | `#ff6f96` | `oklch(72.54% 0.1784 5.57)` | Blush Hour | black, 7.9 to 1 |
| 26 | `#fe7392` | `oklch(72.96% 0.1720 8.22)` | Blush Hour | black, 8 to 1 |
| 27 | `#fe778e` | `oklch(73.38% 0.1659 11.20)` | Carnation | black, 8.2 to 1 |
| 28 | `#fe7b8a` | `oklch(73.80% 0.1607 14.49)` | Heatstroke | black, 8.4 to 1 |
| 29 | `#ff7e85` | `oklch(74.24% 0.1566 18.18)` | Anime Blush | black, 8.5 to 1 |
| 30 | `#ff827f` | `oklch(74.72% 0.1527 22.84)` | Light Red | black, 8.7 to 1 |
| 31 | `#ff8678` | `oklch(75.22% 0.1491 28.01)` | Fusion Coral | black, 8.9 to 1 |
| 32 | `#ff8a71` | `oklch(75.69% 0.1469 33.10)` | Miami Coral | black, 9.1 to 1 |
| 33 | `#ff8d6b` | `oklch(76.09% 0.1460 37.48)` | Salmon Orange | black, 9.2 to 1 |
| 34 | `#ff9067` | `oklch(76.38% 0.1458 40.54)` | Pink Orange | black, 9.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #440933 0.0%, #470c38 3.0%, #4b103f 6.1%, #511548 9.1%, #571a51 12.1%, #5e205b 15.2%, #672463 18.2%, #73296b 21.2%, #802d72 24.2%, #8f3178 27.3%, #9f357d 30.3%, #ad3982 33.3%, #bc3e88 36.4%, #cd428d 39.4%, #dd4692 42.4%, #eb4b96 45.5%, #f74f99 48.5%, #ff549b 51.5%, #ff5c9c 54.5%, #ff609d 57.6%, #ff619d 60.6%, #ff639d 63.6%, #fe679b 66.7%, #ff6a99 69.7%, #ff6f96 72.7%, #fe7392 75.8%, #fe778e 78.8%, #fe7b8a 81.8%, #ff7e85 84.8%, #ff827f 87.9%, #ff8678 90.9%, #ff8a71 93.9%, #ff8d6b 97.0%, #ff9067 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.1006 342.42) 0.0%, oklch(27.98% 0.1029 340.50) 3.0%, oklch(29.62% 0.1059 337.54) 6.1%, oklch(31.60% 0.1097 334.29) 9.1%, oklch(33.82% 0.1142 331.48) 12.1%, oklch(36.19% 0.1196 329.87) 15.2%, oklch(38.66% 0.1260 330.12) 18.2%, oklch(41.43% 0.1337 332.09) 21.2%, oklch(44.41% 0.1424 335.20) 24.2%, oklch(47.50% 0.1516 338.86) 27.3%, oklch(50.58% 0.1608 342.52) 30.3%, oklch(53.54% 0.1695 345.59) 33.3%, oklch(56.55% 0.1786 348.22) 36.4%, oklch(59.71% 0.1886 350.84) 39.4%, oklch(62.81% 0.1983 353.33) 42.4%, oklch(65.64% 0.2065 355.59) 45.5%, oklch(67.98% 0.2121 357.49) 48.5%, oklch(69.62% 0.2140 358.87) 51.5%, oklch(70.57% 0.2049 359.51) 54.5%, oklch(71.02% 0.2004 359.70) 57.6%, oklch(71.21% 0.1984 359.83) 60.6%, oklch(71.35% 0.1958 0.29) 63.6%, oklch(71.65% 0.1902 1.44) 66.7%, oklch(72.11% 0.1846 3.30) 69.7%, oklch(72.54% 0.1784 5.57) 72.7%, oklch(72.96% 0.1720 8.22) 75.8%, oklch(73.38% 0.1659 11.20) 78.8%, oklch(73.80% 0.1607 14.49) 81.8%, oklch(74.24% 0.1566 18.18) 84.8%, oklch(74.72% 0.1527 22.84) 87.9%, oklch(75.22% 0.1491 28.01) 90.9%, oklch(75.69% 0.1469 33.10) 93.9%, oklch(76.09% 0.1460 37.48) 97.0%, oklch(76.38% 0.1458 40.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.101 | 342.4 |
| 2 | 0.374 | 0.123 | 329.7 |
| 3 | 0.535 | 0.169 | 345.6 |
| 4 | 0.689 | 0.214 | 358.3 |
| 5 | 0.717 | 0.19 | 361.4 |
| 6 | 0.74 | 0.158 | 376.2 |
| 7 | 0.764 | 0.146 | 400.5 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)
- [Neon gradients](https://grabient.com/neon-gradients)
- [Orchid colors](https://grabient.com/orchid-colors)

## Other forms

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