# Hibiscus bloom at dawn

Analogous purple, magenta and pink radial gradient with 40 colors: #4c003b, #4f003d, #540040, #590044, #5f0048, #66004c, #6d0051, #750055, #7d005a, #85005f, #8e0063, #960067, #9f006b, #a7006e, #af0070, #b80071, #c10072, #ca0873, #d01973, #d72572, #dd2f72, #e33972, #e84373, #ed4c73, #f25575, #f65e77, #fa6679, #fd6f7d, #ff7982, #ff8489, #ff8f91, #ff9999, #ffa3a1, #ffaca9, #ffb4b0, #ffbcb8, #ffc3be, #ffc9c4, #ffceca, #ffd2ce. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous purple, magenta and pink radial gradient
- Seed: `kUR17yPVBBFlBwvylkEA`
- Page: https://grabient.com/kUR17yPVBBFlBwvylkEA?style=radialGradient&steps=40&angle=135
- Drawn as: radial gradient, 40 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.2 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 | `#4c003b` | `oklch(27.98% 0.1214 340.33)` | Pion Purple | white, 15.3 to 1 |
| 2 | `#4f003d` | `oklch(28.86% 0.1250 340.71)` | Pion Purple | white, 14.9 to 1 |
| 3 | `#540040` | `oklch(29.94% 0.1294 341.11)` | Royal Ash | white, 14.4 to 1 |
| 4 | `#590044` | `oklch(31.20% 0.1346 341.55)` | Royal Ash | white, 13.9 to 1 |
| 5 | `#5f0048` | `oklch(32.61% 0.1404 342.03)` | Royal Ash | white, 13.2 to 1 |
| 6 | `#66004c` | `oklch(34.14% 0.1467 342.57)` | Grape Purple | white, 12.6 to 1 |
| 7 | `#6d0051` | `oklch(35.78% 0.1533 343.17)` | Rich Purple | white, 11.8 to 1 |
| 8 | `#750055` | `oklch(37.50% 0.1602 343.84)` | Rich Purple | white, 11.1 to 1 |
| 9 | `#7d005a` | `oklch(39.27% 0.1673 344.59)` | Xereus Purple | white, 10.4 to 1 |
| 10 | `#85005f` | `oklch(41.06% 0.1743 345.43)` | Grapest | white, 9.7 to 1 |
| 11 | `#8e0063` | `oklch(42.86% 0.1813 346.36)` | Cardinal Pink | white, 9 to 1 |
| 12 | `#960067` | `oklch(44.64% 0.1881 347.40)` | 8 Bit Eggplant | white, 8.4 to 1 |
| 13 | `#9f006b` | `oklch(46.38% 0.1945 348.56)` | Red Violet | white, 7.8 to 1 |
| 14 | `#a7006e` | `oklch(48.04% 0.2006 349.83)` | Katy Berry | white, 7.3 to 1 |
| 15 | `#af0070` | `oklch(49.68% 0.2063 351.31)` | Fabric of Love | white, 6.8 to 1 |
| 16 | `#b80071` | `oklch(51.34% 0.2121 353.02)` | Botticelli | white, 6.3 to 1 |
| 17 | `#c10072` | `oklch(53.03% 0.2178 354.93)` | Purple Anxiety | white, 5.9 to 1 |
| 18 | `#ca0873` | `oklch(54.73% 0.2204 356.98)` | Bottom of My Heart | white, 5.5 to 1 |
| 19 | `#d01973` | `oklch(56.46% 0.2183 359.14)` | Prince Charming | white, 5.1 to 1 |
| 20 | `#d72572` | `oklch(58.19% 0.2154 1.38)` | Pink Peacock | white, 4.7 to 1 |
| 21 | `#dd2f72` | `oklch(59.92% 0.2118 3.63)` | Watermelon Sugar | black, 4.7 to 1 |
| 22 | `#e33972` | `oklch(61.65% 0.2077 5.86)` | Fantasy Romance | black, 5 to 1 |
| 23 | `#e84373` | `oklch(63.38% 0.2030 8.03)` | Fantasy Romance | black, 5.4 to 1 |
| 24 | `#ed4c73` | `oklch(65.08% 0.1979 10.09)` | Radishical | black, 5.8 to 1 |
| 25 | `#f25575` | `oklch(66.78% 0.1924 12.00)` | Lick and Kiss | black, 6.3 to 1 |
| 26 | `#f65e77` | `oklch(68.44% 0.1866 13.71)` | Ponceau | black, 6.7 to 1 |
| 27 | `#fa6679` | `oklch(70.08% 0.1805 15.19)` | Kisses and Hugs | black, 7.2 to 1 |
| 28 | `#fd6f7d` | `oklch(71.74% 0.1736 16.46)` | Begonia | black, 7.7 to 1 |
| 29 | `#ff7982` | `oklch(73.48% 0.1635 17.62)` | Anime Blush | black, 8.3 to 1 |
| 30 | `#ff8489` | `oklch(75.26% 0.1493 18.66)` | Tulip | black, 8.9 to 1 |
| 31 | `#ff8f91` | `oklch(77.06% 0.1356 19.59)` | Cherished One | black, 9.5 to 1 |
| 32 | `#ff9999` | `oklch(78.86% 0.1225 20.43)` | Rubber Radish | black, 10.2 to 1 |
| 33 | `#ffa3a1` | `oklch(80.63% 0.1101 21.18)` | Pink Dream | black, 10.9 to 1 |
| 34 | `#ffaca9` | `oklch(82.35% 0.0986 21.85)` | Patient Pink | black, 11.7 to 1 |
| 35 | `#ffb4b0` | `oklch(83.99% 0.0880 22.45)` | Wildflower Bouquet | black, 12.4 to 1 |
| 36 | `#ffbcb8` | `oklch(85.52% 0.0783 22.99)` | Cherry Chip | black, 13.1 to 1 |
| 37 | `#ffc3be` | `oklch(86.93% 0.0698 23.48)` | Ladylike | black, 13.7 to 1 |
| 38 | `#ffc9c4` | `oklch(88.19% 0.0623 23.92)` | Hooked Mimosa | black, 14.3 to 1 |
| 39 | `#ffceca` | `oklch(89.28% 0.0560 24.32)` | Aromatic Breeze | black, 14.9 to 1 |
| 40 | `#ffd2ce` | `oklch(90.16% 0.0510 24.70)` | Girlie | black, 15.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4c003b 0.0%, #4f003d 2.6%, #540040 5.1%, #590044 7.7%, #5f0048 10.3%, #66004c 12.8%, #6d0051 15.4%, #750055 17.9%, #7d005a 20.5%, #85005f 23.1%, #8e0063 25.6%, #960067 28.2%, #9f006b 30.8%, #a7006e 33.3%, #af0070 35.9%, #b80071 38.5%, #c10072 41.0%, #ca0873 43.6%, #d01973 46.2%, #d72572 48.7%, #dd2f72 51.3%, #e33972 53.8%, #e84373 56.4%, #ed4c73 59.0%, #f25575 61.5%, #f65e77 64.1%, #fa6679 66.7%, #fd6f7d 69.2%, #ff7982 71.8%, #ff8489 74.4%, #ff8f91 76.9%, #ff9999 79.5%, #ffa3a1 82.1%, #ffaca9 84.6%, #ffb4b0 87.2%, #ffbcb8 89.7%, #ffc3be 92.3%, #ffc9c4 94.9%, #ffceca 97.4%, #ffd2ce 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(27.98% 0.1214 340.33) 0.0%, oklch(28.86% 0.1250 340.71) 2.6%, oklch(29.94% 0.1294 341.11) 5.1%, oklch(31.20% 0.1346 341.55) 7.7%, oklch(32.61% 0.1404 342.03) 10.3%, oklch(34.14% 0.1467 342.57) 12.8%, oklch(35.78% 0.1533 343.17) 15.4%, oklch(37.50% 0.1602 343.84) 17.9%, oklch(39.27% 0.1673 344.59) 20.5%, oklch(41.06% 0.1743 345.43) 23.1%, oklch(42.86% 0.1813 346.36) 25.6%, oklch(44.64% 0.1881 347.40) 28.2%, oklch(46.38% 0.1945 348.56) 30.8%, oklch(48.04% 0.2006 349.83) 33.3%, oklch(49.68% 0.2063 351.31) 35.9%, oklch(51.34% 0.2121 353.02) 38.5%, oklch(53.03% 0.2178 354.93) 41.0%, oklch(54.73% 0.2204 356.98) 43.6%, oklch(56.46% 0.2183 359.14) 46.2%, oklch(58.19% 0.2154 1.38) 48.7%, oklch(59.92% 0.2118 3.63) 51.3%, oklch(61.65% 0.2077 5.86) 53.8%, oklch(63.38% 0.2030 8.03) 56.4%, oklch(65.08% 0.1979 10.09) 59.0%, oklch(66.78% 0.1924 12.00) 61.5%, oklch(68.44% 0.1866 13.71) 64.1%, oklch(70.08% 0.1805 15.19) 66.7%, oklch(71.74% 0.1736 16.46) 69.2%, oklch(73.48% 0.1635 17.62) 71.8%, oklch(75.26% 0.1493 18.66) 74.4%, oklch(77.06% 0.1356 19.59) 76.9%, oklch(78.86% 0.1225 20.43) 79.5%, oklch(80.63% 0.1101 21.18) 82.1%, oklch(82.35% 0.0986 21.85) 84.6%, oklch(83.99% 0.0880 22.45) 87.2%, oklch(85.52% 0.0783 22.99) 89.7%, oklch(86.93% 0.0698 23.48) 92.3%, oklch(88.19% 0.0623 23.92) 94.9%, oklch(89.28% 0.0560 24.32) 97.4%, oklch(90.16% 0.0510 24.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.13 | 340.3 |
| 2 | 0.48 | 0.22 | 349.8 |
| 3 | 0.701 | 0.181 | 375.2 |
| 4 | 0.902 | 0.061 | 384.7 |

## In these collections

- [Tropical gradients](https://grabient.com/tropical-gradients)

## Other forms

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