# Gold navy blush rings

Purple, pink, blue and orange radial gradient with 48 colors: #6d3e59, #74445e, #7f4f65, #8d5b6d, #9c6977, #aa7881, #b8868b, #c39295, #cb9b9d, #ce9fa2, #cc9da4, #c295a3, #b2889f, #9b799a, #816b92, #655d88, #4b517d, #364873, #27426d, #23416d, #2d4275, #414681, #5c4c8e, #7e5396, #a25b96, #c4658d, #e0737e, #f3836d, #fe935c, #ffa157, #ffad51, #ffb748, #febf3b, #fac73c, #f5cd3f, #f1d042, #eed345, #ebd347, #ead246, #ebce43, #ecc73e, #eebd39, #efb237, #f0a73a, #ef9c3e, #ec9344, #ea8c49, #e8874d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, pink, blue and orange radial gradient
- Seed: `kYbTf1XxTDS-esliNdHbbjF9syug`
- Page: https://grabient.com/kYbTf1XxTDS-esliNdHbbjF9syug?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: warm, multicolor
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 6.8 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 | `#6d3e59` | `oklch(42.91% 0.0758 344.53)` | Royal Lines | white, 8.4 to 1 |
| 2 | `#74445e` | `oklch(45.30% 0.0743 347.08)` | Purple Drab | white, 7.6 to 1 |
| 3 | `#7f4f65` | `oklch(48.83% 0.0721 351.28)` | Nectar Red | white, 6.5 to 1 |
| 4 | `#8d5b6d` | `oklch(53.13% 0.0694 356.51)` | Cabernet | white, 5.4 to 1 |
| 5 | `#9c6977` | `oklch(57.85% 0.0665 2.14)` | Wild Geranium | black, 4.7 to 1 |
| 6 | `#aa7881` | `oklch(62.61% 0.0635 7.56)` | Mauve Madness | black, 5.7 to 1 |
| 7 | `#b8868b` | `oklch(67.04% 0.0608 12.14)` | Lime Pink | black, 6.8 to 1 |
| 8 | `#c39295` | `oklch(70.79% 0.0586 15.26)` | Profound Pink | black, 7.8 to 1 |
| 9 | `#cb9b9d` | `oklch(73.49% 0.0570 16.30)` | Silk Stone | black, 8.7 to 1 |
| 10 | `#ce9fa2` | `oklch(74.77% 0.0564 14.63)` | Primula | black, 9.1 to 1 |
| 11 | `#cc9da4` | `oklch(74.21% 0.0569 9.22)` | Edwardian Rose | black, 8.9 to 1 |
| 12 | `#c295a3` | `oklch(71.57% 0.0580 358.68)` | Light Mauve | black, 8.1 to 1 |
| 13 | `#b2889f` | `oklch(67.34% 0.0597 344.24)` | Orchid Haze | black, 6.9 to 1 |
| 14 | `#9b799a` | `oklch(62.04% 0.0620 327.38)` | Screen Gem | black, 5.6 to 1 |
| 15 | `#816b92` | `oklch(56.20% 0.0648 309.58)` | Ornate | white, 4.7 to 1 |
| 16 | `#655d88` | `oklch(50.36% 0.0681 292.33)` | Kimberly | white, 6 to 1 |
| 17 | `#4b517d` | `oklch(45.04% 0.0718 277.11)` | Roman Violet | white, 7.5 to 1 |
| 18 | `#364873` | `oklch(40.76% 0.0758 265.40)` | Daring Indigo | white, 8.9 to 1 |
| 19 | `#27426d` | `oklch(38.07% 0.0803 258.67)` | Nightlife | white, 10 to 1 |
| 20 | `#23416d` | `oklch(37.47% 0.0851 258.40)` | Blue Mosque | white, 10.2 to 1 |
| 21 | `#2d4275` | `oklch(38.95% 0.0908 264.95)` | Deep Ocean Floor | white, 9.7 to 1 |
| 22 | `#414681` | `oklch(42.05% 0.0976 277.07)` | Queen of the Night Shift | white, 8.6 to 1 |
| 23 | `#5c4c8e` | `oklch(46.40% 0.1051 293.44)` | Purple Corallite | white, 7.2 to 1 |
| 24 | `#7e5396` | `oklch(51.59% 0.1130 312.73)` | Juneberry | white, 5.9 to 1 |
| 25 | `#a25b96` | `oklch(57.24% 0.1209 333.63)` | Bermuda Onion | white, 4.7 to 1 |
| 26 | `#c4658d` | `oklch(62.95% 0.1286 354.81)` | Old Geranium | black, 5.6 to 1 |
| 27 | `#e0737e` | `oklch(68.35% 0.1356 14.93)` | Natural Candy Pink | black, 6.9 to 1 |
| 28 | `#f3836d` | `oklch(73.03% 0.1418 32.69)` | Coralette | black, 8.3 to 1 |
| 29 | `#fe935c` | `oklch(76.62% 0.1466 46.74)` | Umezome Pink | black, 9.5 to 1 |
| 30 | `#ffa157` | `oklch(79.11% 0.1431 57.22)` | Off-The-Leash Orange | black, 10.5 to 1 |
| 31 | `#ffad51` | `oklch(81.17% 0.1430 66.48)` | Alajuela Toad | black, 11.3 to 1 |
| 32 | `#ffb748` | `oklch(82.85% 0.1485 74.61)` | Floral Leaf | black, 12.1 to 1 |
| 33 | `#febf3b` | `oklch(84.18% 0.1559 81.59)` | Vibrant Honey | black, 12.7 to 1 |
| 34 | `#fac73c` | `oklch(85.17% 0.1566 87.44)` | Pyrite | black, 13.2 to 1 |
| 35 | `#f5cd3f` | `oklch(85.86% 0.1568 92.15)` | Marigold Dust | black, 13.6 to 1 |
| 36 | `#f1d042` | `oklch(86.28% 0.1567 95.73)` | Golden Kiwi | black, 13.8 to 1 |
| 37 | `#eed345` | `oklch(86.43% 0.1564 98.17)` | Banana Drama | black, 13.9 to 1 |
| 38 | `#ebd347` | `oklch(86.36% 0.1560 99.48)` | Aurora | black, 13.9 to 1 |
| 39 | `#ead246` | `oklch(86.05% 0.1555 99.52)` | Aurora | black, 13.8 to 1 |
| 40 | `#ebce43` | `oklch(85.19% 0.1544 97.27)` | Golden Relic | black, 13.4 to 1 |
| 41 | `#ecc73e` | `oklch(83.82% 0.1528 92.94)` | Fashion Yellow | black, 12.7 to 1 |
| 42 | `#eebd39` | `oklch(82.08% 0.1509 87.08)` | Golden Mary | black, 11.9 to 1 |
| 43 | `#efb237` | `oklch(80.12% 0.1486 80.22)` | Dairy Made | black, 11.1 to 1 |
| 44 | `#f0a73a` | `oklch(78.06% 0.1463 72.92)` | Acorn Squash | black, 10.2 to 1 |
| 45 | `#ef9c3e` | `oklch(76.04% 0.1441 65.71)` | Amber Glow | black, 9.5 to 1 |
| 46 | `#ec9344` | `oklch(74.21% 0.1420 59.13)` | Physalis | black, 8.8 to 1 |
| 47 | `#ea8c49` | `oklch(72.70% 0.1404 53.73)` | Acapulco Sun | black, 8.3 to 1 |
| 48 | `#e8874d` | `oklch(71.65% 0.1392 50.05)` | Autumn Glimmer | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6d3e59 0.0%, #74445e 2.1%, #7f4f65 4.3%, #8d5b6d 6.4%, #9c6977 8.5%, #aa7881 10.6%, #b8868b 12.8%, #c39295 14.9%, #cb9b9d 17.0%, #ce9fa2 19.1%, #cc9da4 21.3%, #c295a3 23.4%, #b2889f 25.5%, #9b799a 27.7%, #816b92 29.8%, #655d88 31.9%, #4b517d 34.0%, #364873 36.2%, #27426d 38.3%, #23416d 40.4%, #2d4275 42.6%, #414681 44.7%, #5c4c8e 46.8%, #7e5396 48.9%, #a25b96 51.1%, #c4658d 53.2%, #e0737e 55.3%, #f3836d 57.4%, #fe935c 59.6%, #ffa157 61.7%, #ffad51 63.8%, #ffb748 66.0%, #febf3b 68.1%, #fac73c 70.2%, #f5cd3f 72.3%, #f1d042 74.5%, #eed345 76.6%, #ebd347 78.7%, #ead246 80.9%, #ebce43 83.0%, #ecc73e 85.1%, #eebd39 87.2%, #efb237 89.4%, #f0a73a 91.5%, #ef9c3e 93.6%, #ec9344 95.7%, #ea8c49 97.9%, #e8874d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.91% 0.0758 344.53) 0.0%, oklch(45.30% 0.0743 347.08) 2.1%, oklch(48.83% 0.0721 351.28) 4.3%, oklch(53.13% 0.0694 356.51) 6.4%, oklch(57.85% 0.0665 2.14) 8.5%, oklch(62.61% 0.0635 7.56) 10.6%, oklch(67.04% 0.0608 12.14) 12.8%, oklch(70.79% 0.0586 15.26) 14.9%, oklch(73.49% 0.0570 16.30) 17.0%, oklch(74.77% 0.0564 14.63) 19.1%, oklch(74.21% 0.0569 9.22) 21.3%, oklch(71.57% 0.0580 358.68) 23.4%, oklch(67.34% 0.0597 344.24) 25.5%, oklch(62.04% 0.0620 327.38) 27.7%, oklch(56.20% 0.0648 309.58) 29.8%, oklch(50.36% 0.0681 292.33) 31.9%, oklch(45.04% 0.0718 277.11) 34.0%, oklch(40.76% 0.0758 265.40) 36.2%, oklch(38.07% 0.0803 258.67) 38.3%, oklch(37.47% 0.0851 258.40) 40.4%, oklch(38.95% 0.0908 264.95) 42.6%, oklch(42.05% 0.0976 277.07) 44.7%, oklch(46.40% 0.1051 293.44) 46.8%, oklch(51.59% 0.1130 312.73) 48.9%, oklch(57.24% 0.1209 333.63) 51.1%, oklch(62.95% 0.1286 354.81) 53.2%, oklch(68.35% 0.1356 14.93) 55.3%, oklch(73.03% 0.1418 32.69) 57.4%, oklch(76.62% 0.1466 46.74) 59.6%, oklch(79.11% 0.1431 57.22) 61.7%, oklch(81.17% 0.1430 66.48) 63.8%, oklch(82.85% 0.1485 74.61) 66.0%, oklch(84.18% 0.1559 81.59) 68.1%, oklch(85.17% 0.1566 87.44) 70.2%, oklch(85.86% 0.1568 92.15) 72.3%, oklch(86.28% 0.1567 95.73) 74.5%, oklch(86.43% 0.1564 98.17) 76.6%, oklch(86.36% 0.1560 99.48) 78.7%, oklch(86.05% 0.1555 99.52) 80.9%, oklch(85.19% 0.1544 97.27) 83.0%, oklch(83.82% 0.1528 92.94) 85.1%, oklch(82.08% 0.1509 87.08) 87.2%, oklch(80.12% 0.1486 80.22) 89.4%, oklch(78.06% 0.1463 72.92) 91.5%, oklch(76.04% 0.1441 65.71) 93.6%, oklch(74.21% 0.1420 59.13) 95.7%, oklch(72.70% 0.1404 53.73) 97.9%, oklch(71.65% 0.1392 50.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.076 | 344.5 |
| 2 | 0.748 | 0.056 | 373.1 |
| 3 | 0.374 | 0.084 | 257.9 |
| 4 | 0.772 | 0.147 | 409 |
| 5 | 0.862 | 0.156 | 459.7 |
| 6 | 0.717 | 0.139 | 410 |

## In these collections

- [Orange and blue gradients](https://grabient.com/orange-and-blue-gradients)

## Other forms

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