# Pale orange rose rings

Orange, gray, blue and lavender radial gradient with 40 colors: #f1b159, #ecab60, #e5a46a, #da9c73, #cc957b, #bd8f80, #ae8a82, #a08580, #96817e, #8e7e7a, #877c76, #817972, #7c776f, #78756b, #757367, #727263, #736f5c, #7a6c53, #86654b, #935c52, #985469, #925388, #8157a4, #6d5eb6, #6064bc, #5968bd, #5a6abb, #616cb8, #6a6db3, #746fae, #7d71aa, #8575a8, #8d79a7, #987ea7, #a284a7, #ad8ba8, #b693a8, #be9aaa, #c4a1ab, #c8a5ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, gray, blue and lavender radial gradient
- Seed: `kYzF00T4o60UJyHEsSrzBxB2APR2`
- Page: https://grabient.com/kYzF00T4o60UJyHEsSrzBxB2APR2?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#f1b159` | `oklch(80.31% 0.1281 73.13)` | Deep Fried | black, 11.1 to 1 |
| 2 | `#ecab60` | `oklch(78.84% 0.1194 68.86)` | Summer Day | black, 10.5 to 1 |
| 3 | `#e5a46a` | `oklch(76.80% 0.1071 62.27)` | Sweet Curry | black, 9.8 to 1 |
| 4 | `#da9c73` | `oklch(74.36% 0.0923 54.37)` | Ochraceous Salmon | black, 8.9 to 1 |
| 5 | `#cc957b` | `oklch(71.70% 0.0763 46.16)` | Beauty and the Beach | black, 8.1 to 1 |
| 6 | `#bd8f80` | `oklch(68.99% 0.0605 38.65)` | Foxen | black, 7.4 to 1 |
| 7 | `#ae8a82` | `oklch(66.40% 0.0461 32.82)` | Maui Poi | black, 6.7 to 1 |
| 8 | `#a08580` | `oklch(64.11% 0.0343 29.69)` | Pigeon Pink | black, 6.1 to 1 |
| 9 | `#96817e` | `oklch(62.27% 0.0263 30.32)` | Mystere | black, 5.7 to 1 |
| 10 | `#8e7e7a` | `oklch(60.73% 0.0208 37.01)` | Poised Taupe | black, 5.4 to 1 |
| 11 | `#877c76` | `oklch(59.35% 0.0168 48.82)` | Spacious Grey | black, 5.1 to 1 |
| 12 | `#817972` | `oklch(58.14% 0.0144 63.44)` | Gotham | black, 4.9 to 1 |
| 13 | `#7c776f` | `oklch(57.08% 0.0138 78.57)` | Tadpole | black, 4.7 to 1 |
| 14 | `#78756b` | `oklch(56.15% 0.0148 91.91)` | Forest Floor Khaki | white, 4.6 to 1 |
| 15 | `#757367` | `oklch(55.36% 0.0177 101.15)` | Viking Castle | white, 4.7 to 1 |
| 16 | `#727263` | `oklch(54.68% 0.0224 103.99)` | Organic | white, 4.8 to 1 |
| 17 | `#736f5c` | `oklch(54.12% 0.0294 98.07)` | Momentum | white, 5 to 1 |
| 18 | `#7a6c53` | `oklch(53.70% 0.0413 82.30)` | Roycroft Brass | white, 5.1 to 1 |
| 19 | `#86654b` | `oklch(53.42% 0.0570 59.08)` | Obscure Ochre | white, 5.2 to 1 |
| 20 | `#935c52` | `oklch(53.28% 0.0749 31.20)` | Copper Mining | white, 5.4 to 1 |
| 21 | `#985469` | `oklch(53.25% 0.0932 1.46)` | Vive L’amour | white, 5.4 to 1 |
| 22 | `#925388` | `oklch(53.34% 0.1102 332.66)` | Grape Candy | white, 5.5 to 1 |
| 23 | `#8157a4` | `oklch(53.52% 0.1241 307.60)` | Highlighter Lavender | white, 5.4 to 1 |
| 24 | `#6d5eb6` | `oklch(53.80% 0.1332 289.08)` | Simply Purple | white, 5.3 to 1 |
| 25 | `#6064bc` | `oklch(54.16% 0.1360 278.87)` | Bluish Purple Anemone | white, 5.2 to 1 |
| 26 | `#5968bd` | `oklch(54.58% 0.1336 274.05)` | Bluish Purple Anemone | white, 5 to 1 |
| 27 | `#5a6abb` | `oklch(55.07% 0.1273 273.32)` | Amparo Blue | white, 4.9 to 1 |
| 28 | `#616cb8` | `oklch(55.68% 0.1182 275.77)` | Gladiola Blue | white, 4.8 to 1 |
| 29 | `#6a6db3` | `oklch(56.40% 0.1076 280.48)` | Mediaeval | white, 4.6 to 1 |
| 30 | `#746fae` | `oklch(57.28% 0.0966 286.52)` | Wintertime Mauve | black, 4.6 to 1 |
| 31 | `#7d71aa` | `oklch(58.33% 0.0865 292.98)` | Plum Preserve | black, 4.8 to 1 |
| 32 | `#8575a8` | `oklch(59.57% 0.0784 298.93)` | Grape Parfait | black, 5 to 1 |
| 33 | `#8d79a7` | `oklch(61.13% 0.0724 304.81)` | Trumpeter | black, 5.4 to 1 |
| 34 | `#987ea7` | `oklch(63.13% 0.0667 312.66)` | Lilac Intuition | black, 5.8 to 1 |
| 35 | `#a284a7` | `oklch(65.42% 0.0612 321.85)` | Wonder Violet | black, 6.4 to 1 |
| 36 | `#ad8ba8` | `oklch(67.84% 0.0561 331.68)` | Voila! | black, 7 to 1 |
| 37 | `#b693a8` | `oklch(70.23% 0.0515 341.45)` | Bed of Roses | black, 7.7 to 1 |
| 38 | `#be9aaa` | `oklch(72.43% 0.0474 350.45)` | Classy Mauve | black, 8.4 to 1 |
| 39 | `#c4a1ab` | `oklch(74.27% 0.0440 358.00)` | Opaline Pink | black, 9 to 1 |
| 40 | `#c8a5ad` | `oklch(75.59% 0.0413 3.38)` | Dutchess Dawn | black, 9.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f1b159 0.0%, #ecab60 2.6%, #e5a46a 5.1%, #da9c73 7.7%, #cc957b 10.3%, #bd8f80 12.8%, #ae8a82 15.4%, #a08580 17.9%, #96817e 20.5%, #8e7e7a 23.1%, #877c76 25.6%, #817972 28.2%, #7c776f 30.8%, #78756b 33.3%, #757367 35.9%, #727263 38.5%, #736f5c 41.0%, #7a6c53 43.6%, #86654b 46.2%, #935c52 48.7%, #985469 51.3%, #925388 53.8%, #8157a4 56.4%, #6d5eb6 59.0%, #6064bc 61.5%, #5968bd 64.1%, #5a6abb 66.7%, #616cb8 69.2%, #6a6db3 71.8%, #746fae 74.4%, #7d71aa 76.9%, #8575a8 79.5%, #8d79a7 82.1%, #987ea7 84.6%, #a284a7 87.2%, #ad8ba8 89.7%, #b693a8 92.3%, #be9aaa 94.9%, #c4a1ab 97.4%, #c8a5ad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(80.31% 0.1281 73.13) 0.0%, oklch(78.84% 0.1194 68.86) 2.6%, oklch(76.80% 0.1071 62.27) 5.1%, oklch(74.36% 0.0923 54.37) 7.7%, oklch(71.70% 0.0763 46.16) 10.3%, oklch(68.99% 0.0605 38.65) 12.8%, oklch(66.40% 0.0461 32.82) 15.4%, oklch(64.11% 0.0343 29.69) 17.9%, oklch(62.27% 0.0263 30.32) 20.5%, oklch(60.73% 0.0208 37.01) 23.1%, oklch(59.35% 0.0168 48.82) 25.6%, oklch(58.14% 0.0144 63.44) 28.2%, oklch(57.08% 0.0138 78.57) 30.8%, oklch(56.15% 0.0148 91.91) 33.3%, oklch(55.36% 0.0177 101.15) 35.9%, oklch(54.68% 0.0224 103.99) 38.5%, oklch(54.12% 0.0294 98.07) 41.0%, oklch(53.70% 0.0413 82.30) 43.6%, oklch(53.42% 0.0570 59.08) 46.2%, oklch(53.28% 0.0749 31.20) 48.7%, oklch(53.25% 0.0932 1.46) 51.3%, oklch(53.34% 0.1102 332.66) 53.8%, oklch(53.52% 0.1241 307.60) 56.4%, oklch(53.80% 0.1332 289.08) 59.0%, oklch(54.16% 0.1360 278.87) 61.5%, oklch(54.58% 0.1336 274.05) 64.1%, oklch(55.07% 0.1273 273.32) 66.7%, oklch(55.68% 0.1182 275.77) 69.2%, oklch(56.40% 0.1076 280.48) 71.8%, oklch(57.28% 0.0966 286.52) 74.4%, oklch(58.33% 0.0865 292.98) 76.9%, oklch(59.57% 0.0784 298.93) 79.5%, oklch(61.13% 0.0724 304.81) 82.1%, oklch(63.13% 0.0667 312.66) 84.6%, oklch(65.42% 0.0612 321.85) 87.2%, oklch(67.84% 0.0561 331.68) 89.7%, oklch(70.23% 0.0515 341.45) 92.3%, oklch(72.43% 0.0474 350.45) 94.9%, oklch(74.27% 0.0440 358.00) 97.4%, oklch(75.59% 0.0413 3.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.128 | 73.1 |
| 2 | 0.626 | 0.028 | 29.8 |
| 3 | 0.543 | 0.026 | 101.7 |
| 4 | 0.539 | 0.135 | -75.9 |
| 5 | 0.598 | 0.077 | -60 |
| 6 | 0.756 | 0.041 | 3.4 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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