# Rose Pink Warm Yellow Rings

Pink, beige, green and yellow radial gradient with 32 colors: #d94f73, #dd5971, #e36870, #e97971, #ee8b76, #f29e7e, #f4b18b, #f5c299, #f4cfa8, #f3d9b4, #f0dfbc, #ebe0bd, #e2dcb9, #d5d6af, #c5cda3, #b2c496, #9eba8a, #89b07f, #75a876, #63a16f, #559d6a, #4f9c68, #529e65, #5ca261, #6ba85c, #80ae56, #96b450, #adb94b, #c4be48, #d8c247, #e8c549, #f3c74b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, beige, green and yellow radial gradient
- Seed: `kUnn4F85HJVAnx7rtThg`
- Page: https://grabient.com/kUnn4F85HJVAnx7rtThg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3 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 | `#d94f73` | `oklch(62.20% 0.1736 7.73)` | Rose Turkish Delight | black, 5.3 to 1 |
| 2 | `#dd5971` | `oklch(64.09% 0.1657 12.33)` | Kōbai Red | black, 5.7 to 1 |
| 3 | `#e36870` | `oklch(66.81% 0.1544 18.29)` | Purehearted | black, 6.4 to 1 |
| 4 | `#e97971` | `oklch(70.14% 0.1408 25.36)` | Sweet Melon | black, 7.4 to 1 |
| 5 | `#ee8b76` | `oklch(73.84% 0.1257 33.28)` | Corralize | black, 8.6 to 1 |
| 6 | `#f29e7e` | `oklch(77.68% 0.1098 41.81)` | Cumquat Cream | black, 10 to 1 |
| 7 | `#f4b18b` | `oklch(81.43% 0.0941 50.68)` | Peach Quartz | black, 11.5 to 1 |
| 8 | `#f5c299` | `oklch(84.86% 0.0793 59.65)` | Cream Blush | black, 13 to 1 |
| 9 | `#f4cfa8` | `oklch(87.72% 0.0664 68.46)` | Tequila | black, 14.3 to 1 |
| 10 | `#f3d9b4` | `oklch(89.80% 0.0562 76.86)` | Walnut Cream | black, 15.4 to 1 |
| 11 | `#f0dfbc` | `oklch(90.86% 0.0495 84.60)` | Dutch White | black, 15.9 to 1 |
| 12 | `#ebe0bd` | `oklch(90.65% 0.0469 91.86)` | Beurre Blanc | black, 15.9 to 1 |
| 13 | `#e2dcb9` | `oklch(89.11% 0.0477 99.74)` | Tempered Sage | black, 15.2 to 1 |
| 14 | `#d5d6af` | `oklch(86.53% 0.0512 108.06)` | Green Mesh | black, 14 to 1 |
| 15 | `#c5cda3` | `oklch(83.20% 0.0570 116.49)` | Dappled Daydream | black, 12.6 to 1 |
| 16 | `#b2c496` | `oklch(79.40% 0.0643 124.72)` | Sheer Green | black, 11.1 to 1 |
| 17 | `#9eba8a` | `oklch(75.42% 0.0727 132.44)` | Glendale | black, 9.8 to 1 |
| 18 | `#89b07f` | `oklch(71.55% 0.0815 139.34)` | Cressida | black, 8.5 to 1 |
| 19 | `#75a876` | `oklch(68.08% 0.0903 145.10)` | Dusty Green | black, 7.5 to 1 |
| 20 | `#63a16f` | `oklch(65.31% 0.0984 149.41)` | Treelet | black, 6.8 to 1 |
| 21 | `#559d6a` | `oklch(63.51% 0.1052 151.95)` | Basil Pesto | black, 6.4 to 1 |
| 22 | `#4f9c68` | `oklch(62.95% 0.1104 152.38)` | Solitary Tree | black, 6.2 to 1 |
| 23 | `#529e65` | `oklch(63.52% 0.1151 150.18)` | Mosaic Green | black, 6.4 to 1 |
| 24 | `#5ca261` | `oklch(64.95% 0.1196 145.67)` | Endo | black, 6.8 to 1 |
| 25 | `#6ba85c` | `oklch(67.07% 0.1239 139.36)` | Ferntastic | black, 7.3 to 1 |
| 26 | `#80ae56` | `oklch(69.67% 0.1280 131.80)` | Arugula | black, 8 to 1 |
| 27 | `#96b450` | `oklch(72.57% 0.1319 123.49)` | Venus Flytrap | black, 8.9 to 1 |
| 28 | `#adb94b` | `oklch(75.56% 0.1354 114.96)` | Hopscotch | black, 9.8 to 1 |
| 29 | `#c4be48` | `oklch(78.46% 0.1387 106.73)` | Sulphur Yellow | black, 10.8 to 1 |
| 30 | `#d8c247` | `oklch(81.07% 0.1416 99.33)` | Limone | black, 11.7 to 1 |
| 31 | `#e8c549` | `oklch(83.20% 0.1440 93.28)` | Liberator Gold | black, 12.5 to 1 |
| 32 | `#f3c74b` | `oklch(84.65% 0.1461 89.10)` | Lauwiliwilinukunuku’oi’oi | black, 13 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d94f73 0.0%, #dd5971 3.2%, #e36870 6.5%, #e97971 9.7%, #ee8b76 12.9%, #f29e7e 16.1%, #f4b18b 19.4%, #f5c299 22.6%, #f4cfa8 25.8%, #f3d9b4 29.0%, #f0dfbc 32.3%, #ebe0bd 35.5%, #e2dcb9 38.7%, #d5d6af 41.9%, #c5cda3 45.2%, #b2c496 48.4%, #9eba8a 51.6%, #89b07f 54.8%, #75a876 58.1%, #63a16f 61.3%, #559d6a 64.5%, #4f9c68 67.7%, #529e65 71.0%, #5ca261 74.2%, #6ba85c 77.4%, #80ae56 80.6%, #96b450 83.9%, #adb94b 87.1%, #c4be48 90.3%, #d8c247 93.5%, #e8c549 96.8%, #f3c74b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.20% 0.1736 7.73) 0.0%, oklch(64.09% 0.1657 12.33) 3.2%, oklch(66.81% 0.1544 18.29) 6.5%, oklch(70.14% 0.1408 25.36) 9.7%, oklch(73.84% 0.1257 33.28) 12.9%, oklch(77.68% 0.1098 41.81) 16.1%, oklch(81.43% 0.0941 50.68) 19.4%, oklch(84.86% 0.0793 59.65) 22.6%, oklch(87.72% 0.0664 68.46) 25.8%, oklch(89.80% 0.0562 76.86) 29.0%, oklch(90.86% 0.0495 84.60) 32.3%, oklch(90.65% 0.0469 91.86) 35.5%, oklch(89.11% 0.0477 99.74) 38.7%, oklch(86.53% 0.0512 108.06) 41.9%, oklch(83.20% 0.0570 116.49) 45.2%, oklch(79.40% 0.0643 124.72) 48.4%, oklch(75.42% 0.0727 132.44) 51.6%, oklch(71.55% 0.0815 139.34) 54.8%, oklch(68.08% 0.0903 145.10) 58.1%, oklch(65.31% 0.0984 149.41) 61.3%, oklch(63.51% 0.1052 151.95) 64.5%, oklch(62.95% 0.1104 152.38) 67.7%, oklch(63.52% 0.1151 150.18) 71.0%, oklch(64.95% 0.1196 145.67) 74.2%, oklch(67.07% 0.1239 139.36) 77.4%, oklch(69.67% 0.1280 131.80) 80.6%, oklch(72.57% 0.1319 123.49) 83.9%, oklch(75.56% 0.1354 114.96) 87.1%, oklch(78.46% 0.1387 106.73) 90.3%, oklch(81.07% 0.1416 99.33) 93.5%, oklch(83.20% 0.1440 93.28) 96.8%, oklch(84.65% 0.1461 89.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.174 | 7.7 |
| 2 | 0.909 | 0.048 | 87 |
| 3 | 0.63 | 0.109 | 152.5 |
| 4 | 0.846 | 0.146 | 89.1 |

## In these collections

- [Throwback kid](https://grabient.com/throwback-kid)

## Other forms

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