# Wine rose and spring sage

A wine rose center opens through dusty pink and peach into a pale yellow-green and mint ring, then settles into sage at the outer edge. This 80-stop radial gradient pairs a shaded floral heart with fresh spring greens, using smooth transitions and a soft luminous middle.

- Also called: Purple, pink, gray and teal radial gradient
- Seed: `kWazsByyLAeaWQPvD08VZXCQ`
- Page: https://grabient.com/kWazsByyLAeaWQPvD08VZXCQ?style=radialGradient&steps=80&angle=0
- Drawn as: radial gradient, 80 steps, 0 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.1 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 | `#71394a` | `oklch(42.13% 0.0813 2.11)` | Grapeshot | white, 8.8 to 1 |
| 2 | `#733a4b` | `oklch(42.59% 0.0817 2.22)` | Grapeshot | white, 8.6 to 1 |
| 3 | `#753b4c` | `oklch(43.13% 0.0824 2.35)` | July Ruby | white, 8.4 to 1 |
| 4 | `#773d4e` | `oklch(43.73% 0.0831 2.48)` | Vintage Merlot | white, 8.2 to 1 |
| 5 | `#793e4f` | `oklch(44.39% 0.0840 2.62)` | Red Jade | white, 8 to 1 |
| 6 | `#7c4051` | `oklch(45.10% 0.0850 2.78)` | Red Jade | white, 7.7 to 1 |
| 7 | `#7f4253` | `oklch(45.87% 0.0860 2.95)` | Sugar Beet | white, 7.5 to 1 |
| 8 | `#824455` | `oklch(46.68% 0.0871 3.12)` | Sugar Beet | white, 7.2 to 1 |
| 9 | `#854657` | `oklch(47.54% 0.0882 3.31)` | Dark Earth | white, 7 to 1 |
| 10 | `#884859` | `oklch(48.43% 0.0894 3.51)` | Dark Earth | white, 6.7 to 1 |
| 11 | `#8b4a5c` | `oklch(49.35% 0.0905 3.72)` | Hawthorn Rose | white, 6.4 to 1 |
| 12 | `#8f4c5e` | `oklch(50.30% 0.0915 3.94)` | Rialto | white, 6.2 to 1 |
| 13 | `#924f60` | `oklch(51.28% 0.0925 4.17)` | Velour Scar | white, 5.9 to 1 |
| 14 | `#965163` | `oklch(52.27% 0.0934 4.42)` | Vin Rouge | white, 5.7 to 1 |
| 15 | `#9a5465` | `oklch(53.27% 0.0942 4.67)` | Vive L’amour | white, 5.4 to 1 |
| 16 | `#9d5768` | `oklch(54.28% 0.0948 4.93)` | Mission Wildflower | white, 5.2 to 1 |
| 17 | `#a1596b` | `oklch(55.30% 0.0953 5.21)` | Beef Jerky | white, 5 to 1 |
| 18 | `#a45c6d` | `oklch(56.31% 0.0955 5.49)` | Shine Baby Shine | white, 4.8 to 1 |
| 19 | `#a75f70` | `oklch(57.32% 0.0956 5.79)` | Shine Baby Shine | white, 4.6 to 1 |
| 20 | `#ab6272` | `oklch(58.32% 0.0954 6.10)` | Heather Rose | black, 4.7 to 1 |
| 21 | `#ae6575` | `oklch(59.30% 0.0949 6.41)` | Refined Rose | black, 4.9 to 1 |
| 22 | `#b16878` | `oklch(60.32% 0.0942 6.53)` | Refined Rose | black, 5.1 to 1 |
| 23 | `#b46c7b` | `oklch(61.40% 0.0932 6.42)` | Rose Gold | black, 5.3 to 1 |
| 24 | `#b7707f` | `oklch(62.52% 0.0920 6.13)` | Kerr’s Pink Potato | black, 5.6 to 1 |
| 25 | `#ba7383` | `oklch(63.67% 0.0906 5.71)` | Smell the Roses | black, 5.8 to 1 |
| 26 | `#bd7787` | `oklch(64.86% 0.0890 5.18)` | Mauve Seductress | black, 6.1 to 1 |
| 27 | `#c07c8c` | `oklch(66.07% 0.0872 4.61)` | Japanese Coral | black, 6.4 to 1 |
| 28 | `#c38090` | `oklch(67.29% 0.0853 4.04)` | Grey Matter | black, 6.8 to 1 |
| 29 | `#c68494` | `oklch(68.53% 0.0833 3.50)` | King’s Cloak | black, 7.1 to 1 |
| 30 | `#c98999` | `oklch(69.76% 0.0813 3.05)` | Puce | black, 7.4 to 1 |
| 31 | `#cc8d9d` | `oklch(70.98% 0.0791 2.73)` | Sianna Rose | black, 7.8 to 1 |
| 32 | `#cf91a1` | `oklch(72.18% 0.0769 2.59)` | Madagascar Pink | black, 8.2 to 1 |
| 33 | `#d295a4` | `oklch(73.37% 0.0748 2.67)` | Madagascar Pink | black, 8.5 to 1 |
| 34 | `#d49aa8` | `oklch(74.52% 0.0726 3.01)` | Silver Rose | black, 8.9 to 1 |
| 35 | `#d79eab` | `oklch(75.63% 0.0705 3.66)` | Glamour | black, 9.3 to 1 |
| 36 | `#daa2ae` | `oklch(76.70% 0.0684 4.67)` | Lili Elbe’s Pink | black, 9.7 to 1 |
| 37 | `#dca5b0` | `oklch(77.71% 0.0664 6.07)` | Iced Vovo | black, 10 to 1 |
| 38 | `#dfa9b2` | `oklch(78.66% 0.0646 7.93)` | Raspberry Lemonade | black, 10.4 to 1 |
| 39 | `#e1acb3` | `oklch(79.54% 0.0629 10.27)` | Raspberry Lemonade | black, 10.7 to 1 |
| 40 | `#e3afb3` | `oklch(80.34% 0.0613 13.14)` | Sakura | black, 11 to 1 |
| 41 | `#e5b2b3` | `oklch(81.07% 0.0599 16.63)` | Perfect Pink | black, 11.3 to 1 |
| 42 | `#e7b5b3` | `oklch(81.77% 0.0586 20.92)` | Pink Dust | black, 11.6 to 1 |
| 43 | `#e9b8b2` | `oklch(82.47% 0.0572 25.96)` | Noble Blush | black, 11.9 to 1 |
| 44 | `#eabbb2` | `oklch(83.14% 0.0558 31.68)` | Peach Souffle | black, 12.2 to 1 |
| 45 | `#ebbeb1` | `oklch(83.79% 0.0545 37.97)` | Virgin Peach | black, 12.5 to 1 |
| 46 | `#ebc2b0` | `oklch(84.41% 0.0531 44.76)` | Zinnwaldite | black, 12.8 to 1 |
| 47 | `#eac5af` | `oklch(84.99% 0.0518 51.95)` | Pinkham | black, 13.1 to 1 |
| 48 | `#e9c8af` | `oklch(85.54% 0.0505 59.45)` | Desert Sand | black, 13.3 to 1 |
| 49 | `#e8ccaf` | `oklch(86.05% 0.0493 67.17)` | Sandpoint | black, 13.6 to 1 |
| 50 | `#e6cfb0` | `oklch(86.50% 0.0481 75.03)` | Blonde Wool | black, 13.8 to 1 |
| 51 | `#e3d2b2` | `oklch(86.91% 0.0470 82.94)` | Chowder Bowl | black, 14.1 to 1 |
| 52 | `#e0d5b3` | `oklch(87.26% 0.0460 90.81)` | Alsot Olive | black, 14.3 to 1 |
| 53 | `#ddd7b6` | `oklch(87.55% 0.0450 98.55)` | Spring Day | black, 14.4 to 1 |
| 54 | `#dad9b8` | `oklch(87.77% 0.0442 106.07)` | Spring Day | black, 14.6 to 1 |
| 55 | `#d7dbbb` | `oklch(87.93% 0.0434 113.29)` | Apple Cucumber | black, 14.7 to 1 |
| 56 | `#d3dcbd` | `oklch(88.01% 0.0427 120.12)` | Breezeway | black, 14.7 to 1 |
| 57 | `#d0ddbf` | `oklch(88.01% 0.0422 126.46)` | Balance | black, 14.7 to 1 |
| 58 | `#cddec1` | `oklch(87.92% 0.0418 132.22)` | Shanghai Silk | black, 14.7 to 1 |
| 59 | `#cadec3` | `oklch(87.75% 0.0415 137.33)` | Shanghai Silk | black, 14.7 to 1 |
| 60 | `#c7ddc4` | `oklch(87.48% 0.0414 141.69)` | Mint Intermezzo | black, 14.5 to 1 |
| 61 | `#c4dcc4` | `oklch(87.10% 0.0414 145.33)` | Mint Intermezzo | black, 14.4 to 1 |
| 62 | `#c1dbc4` | `oklch(86.54% 0.0416 148.47)` | Green Grapes | black, 14.1 to 1 |
| 63 | `#bdd9c3` | `oklch(85.82% 0.0421 151.18)` | Cool Spring | black, 13.8 to 1 |
| 64 | `#b9d6c1` | `oklch(84.96% 0.0427 153.48)` | Reclining Green | black, 13.4 to 1 |
| 65 | `#b5d3bf` | `oklch(83.99% 0.0435 155.40)` | Pitcher | black, 13 to 1 |
| 66 | `#b0d0bc` | `oklch(82.91% 0.0444 156.99)` | Gossamer Green | black, 12.6 to 1 |
| 67 | `#accdb8` | `oklch(81.75% 0.0454 158.27)` | Bird’s Egg Green | black, 12.1 to 1 |
| 68 | `#a7c9b5` | `oklch(80.52% 0.0465 159.28)` | Gum Leaf | black, 11.6 to 1 |
| 69 | `#a2c5b1` | `oklch(79.25% 0.0477 160.06)` | Green Silk | black, 11.1 to 1 |
| 70 | `#9dc1ad` | `oklch(77.94% 0.0489 160.63)` | Spring Reflection | black, 10.6 to 1 |
| 71 | `#98bda9` | `oklch(76.63% 0.0502 161.03)` | Reeds | black, 10.2 to 1 |
| 72 | `#93baa5` | `oklch(75.32% 0.0515 161.30)` | Lichen | black, 9.7 to 1 |
| 73 | `#8eb6a1` | `oklch(74.04% 0.0527 161.47)` | Summer Green | black, 9.3 to 1 |
| 74 | `#89b29d` | `oklch(72.80% 0.0539 161.58)` | Holly Fern | black, 8.9 to 1 |
| 75 | `#85af99` | `oklch(71.63% 0.0551 161.65)` | Covent Garden | black, 8.5 to 1 |
| 76 | `#81ab95` | `oklch(70.53% 0.0562 161.73)` | Catnip | black, 8.2 to 1 |
| 77 | `#7da992` | `oklch(69.54% 0.0571 161.84)` | Catnip | black, 7.9 to 1 |
| 78 | `#7aa68f` | `oklch(68.66% 0.0580 162.02)` | Free Green | black, 7.6 to 1 |
| 79 | `#77a48d` | `oklch(67.91% 0.0587 162.31)` | Free Green | black, 7.4 to 1 |
| 80 | `#75a28c` | `oklch(67.32% 0.0593 162.74)` | Quilotoa Green | black, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #71394a 0.0%, #733a4b 1.3%, #753b4c 2.5%, #773d4e 3.8%, #793e4f 5.1%, #7c4051 6.3%, #7f4253 7.6%, #824455 8.9%, #854657 10.1%, #884859 11.4%, #8b4a5c 12.7%, #8f4c5e 13.9%, #924f60 15.2%, #965163 16.5%, #9a5465 17.7%, #9d5768 19.0%, #a1596b 20.3%, #a45c6d 21.5%, #a75f70 22.8%, #ab6272 24.1%, #ae6575 25.3%, #b16878 26.6%, #b46c7b 27.8%, #b7707f 29.1%, #ba7383 30.4%, #bd7787 31.6%, #c07c8c 32.9%, #c38090 34.2%, #c68494 35.4%, #c98999 36.7%, #cc8d9d 38.0%, #cf91a1 39.2%, #d295a4 40.5%, #d49aa8 41.8%, #d79eab 43.0%, #daa2ae 44.3%, #dca5b0 45.6%, #dfa9b2 46.8%, #e1acb3 48.1%, #e3afb3 49.4%, #e5b2b3 50.6%, #e7b5b3 51.9%, #e9b8b2 53.2%, #eabbb2 54.4%, #ebbeb1 55.7%, #ebc2b0 57.0%, #eac5af 58.2%, #e9c8af 59.5%, #e8ccaf 60.8%, #e6cfb0 62.0%, #e3d2b2 63.3%, #e0d5b3 64.6%, #ddd7b6 65.8%, #dad9b8 67.1%, #d7dbbb 68.4%, #d3dcbd 69.6%, #d0ddbf 70.9%, #cddec1 72.2%, #cadec3 73.4%, #c7ddc4 74.7%, #c4dcc4 75.9%, #c1dbc4 77.2%, #bdd9c3 78.5%, #b9d6c1 79.7%, #b5d3bf 81.0%, #b0d0bc 82.3%, #accdb8 83.5%, #a7c9b5 84.8%, #a2c5b1 86.1%, #9dc1ad 87.3%, #98bda9 88.6%, #93baa5 89.9%, #8eb6a1 91.1%, #89b29d 92.4%, #85af99 93.7%, #81ab95 94.9%, #7da992 96.2%, #7aa68f 97.5%, #77a48d 98.7%, #75a28c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.13% 0.0813 2.11) 0.0%, oklch(42.59% 0.0817 2.22) 1.3%, oklch(43.13% 0.0824 2.35) 2.5%, oklch(43.73% 0.0831 2.48) 3.8%, oklch(44.39% 0.0840 2.62) 5.1%, oklch(45.10% 0.0850 2.78) 6.3%, oklch(45.87% 0.0860 2.95) 7.6%, oklch(46.68% 0.0871 3.12) 8.9%, oklch(47.54% 0.0882 3.31) 10.1%, oklch(48.43% 0.0894 3.51) 11.4%, oklch(49.35% 0.0905 3.72) 12.7%, oklch(50.30% 0.0915 3.94) 13.9%, oklch(51.28% 0.0925 4.17) 15.2%, oklch(52.27% 0.0934 4.42) 16.5%, oklch(53.27% 0.0942 4.67) 17.7%, oklch(54.28% 0.0948 4.93) 19.0%, oklch(55.30% 0.0953 5.21) 20.3%, oklch(56.31% 0.0955 5.49) 21.5%, oklch(57.32% 0.0956 5.79) 22.8%, oklch(58.32% 0.0954 6.10) 24.1%, oklch(59.30% 0.0949 6.41) 25.3%, oklch(60.32% 0.0942 6.53) 26.6%, oklch(61.40% 0.0932 6.42) 27.8%, oklch(62.52% 0.0920 6.13) 29.1%, oklch(63.67% 0.0906 5.71) 30.4%, oklch(64.86% 0.0890 5.18) 31.6%, oklch(66.07% 0.0872 4.61) 32.9%, oklch(67.29% 0.0853 4.04) 34.2%, oklch(68.53% 0.0833 3.50) 35.4%, oklch(69.76% 0.0813 3.05) 36.7%, oklch(70.98% 0.0791 2.73) 38.0%, oklch(72.18% 0.0769 2.59) 39.2%, oklch(73.37% 0.0748 2.67) 40.5%, oklch(74.52% 0.0726 3.01) 41.8%, oklch(75.63% 0.0705 3.66) 43.0%, oklch(76.70% 0.0684 4.67) 44.3%, oklch(77.71% 0.0664 6.07) 45.6%, oklch(78.66% 0.0646 7.93) 46.8%, oklch(79.54% 0.0629 10.27) 48.1%, oklch(80.34% 0.0613 13.14) 49.4%, oklch(81.07% 0.0599 16.63) 50.6%, oklch(81.77% 0.0586 20.92) 51.9%, oklch(82.47% 0.0572 25.96) 53.2%, oklch(83.14% 0.0558 31.68) 54.4%, oklch(83.79% 0.0545 37.97) 55.7%, oklch(84.41% 0.0531 44.76) 57.0%, oklch(84.99% 0.0518 51.95) 58.2%, oklch(85.54% 0.0505 59.45) 59.5%, oklch(86.05% 0.0493 67.17) 60.8%, oklch(86.50% 0.0481 75.03) 62.0%, oklch(86.91% 0.0470 82.94) 63.3%, oklch(87.26% 0.0460 90.81) 64.6%, oklch(87.55% 0.0450 98.55) 65.8%, oklch(87.77% 0.0442 106.07) 67.1%, oklch(87.93% 0.0434 113.29) 68.4%, oklch(88.01% 0.0427 120.12) 69.6%, oklch(88.01% 0.0422 126.46) 70.9%, oklch(87.92% 0.0418 132.22) 72.2%, oklch(87.75% 0.0415 137.33) 73.4%, oklch(87.48% 0.0414 141.69) 74.7%, oklch(87.10% 0.0414 145.33) 75.9%, oklch(86.54% 0.0416 148.47) 77.2%, oklch(85.82% 0.0421 151.18) 78.5%, oklch(84.96% 0.0427 153.48) 79.7%, oklch(83.99% 0.0435 155.40) 81.0%, oklch(82.91% 0.0444 156.99) 82.3%, oklch(81.75% 0.0454 158.27) 83.5%, oklch(80.52% 0.0465 159.28) 84.8%, oklch(79.25% 0.0477 160.06) 86.1%, oklch(77.94% 0.0489 160.63) 87.3%, oklch(76.63% 0.0502 161.03) 88.6%, oklch(75.32% 0.0515 161.30) 89.9%, oklch(74.04% 0.0527 161.47) 91.1%, oklch(72.80% 0.0539 161.58) 92.4%, oklch(71.63% 0.0551 161.65) 93.7%, oklch(70.53% 0.0562 161.73) 94.9%, oklch(69.54% 0.0571 161.84) 96.2%, oklch(68.66% 0.0580 162.02) 97.5%, oklch(67.91% 0.0587 162.31) 98.7%, oklch(67.32% 0.0593 162.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.081 | 2.1 |
| 2 | 0.591 | 0.095 | 6.3 |
| 3 | 0.807 | 0.061 | 14.8 |
| 4 | 0.874 | 0.041 | 142.7 |
| 5 | 0.673 | 0.059 | 162.7 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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