# Fox cream moth rings

Lavender, pink, brown and blue radial gradient with 32 colors: #ada2cc, #ad9dc9, #ae95c3, #b08bbb, #b27faf, #b4749f, #b6698d, #b75f7a, #b85966, #b85655, #b95847, #ba5f41, #bf6b44, #c57a51, #cd8c62, #d69f78, #deb28e, #e5c3a4, #ebd3b8, #efdfc9, #efe6d3, #ece7d5, #e2e3d1, #d3dbc8, #bed0be, #a6c3b4, #8bb5ae, #72a4a9, #6093a5, #5583a1, #52749c, #526a97. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Lavender, pink, brown and blue radial gradient
- Seed: `kUuyzSya7LnYJRrCnFQg`
- Page: https://grabient.com/kUuyzSya7LnYJRrCnFQg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 4.4 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 | `#ada2cc` | `oklch(73.62% 0.0606 296.02)` | Puturple | black, 8.8 to 1 |
| 2 | `#ad9dc9` | `oklch(72.50% 0.0652 301.82)` | Purple Rose | black, 8.4 to 1 |
| 3 | `#ae95c3` | `oklch(70.80% 0.0720 309.47)` | Quibble | black, 7.8 to 1 |
| 4 | `#b08bbb` | `oklch(68.68% 0.0804 318.60)` | Violet Whimsy | black, 7.2 to 1 |
| 5 | `#b27faf` | `oklch(66.34% 0.0897 328.81)` | Cheddar Pink Mauve | black, 6.5 to 1 |
| 6 | `#b4749f` | `oklch(63.95% 0.0993 339.73)` | Eccentric Magenta | black, 5.9 to 1 |
| 7 | `#b6698d` | `oklch(61.69% 0.1085 350.98)` | Je t’aime | black, 5.3 to 1 |
| 8 | `#b75f7a` | `oklch(59.75% 0.1166 2.18)` | Raspberry Parfait | black, 4.9 to 1 |
| 9 | `#b85966` | `oklch(58.30% 0.1231 12.95)` | Pink Flame | black, 4.6 to 1 |
| 10 | `#b85655` | `oklch(57.53% 0.1273 22.92)` | Pepper & Spice | white, 4.6 to 1 |
| 11 | `#b95847` | `oklch(57.62% 0.1285 31.70)` | Chocolate Oatmeal Cookie | white, 4.6 to 1 |
| 12 | `#ba5f41` | `oklch(58.85% 0.1260 38.92)` | Sun-Kissed Brick | black, 4.8 to 1 |
| 13 | `#bf6b44` | `oklch(61.47% 0.1195 44.59)` | Adobe | black, 5.3 to 1 |
| 14 | `#c57a51` | `oklch(65.18% 0.1098 49.13)` | Pheasant | black, 6.3 to 1 |
| 15 | `#cd8c62` | `oklch(69.63% 0.0978 52.95)` | Orange Pekoe | black, 7.5 to 1 |
| 16 | `#d69f78` | `oklch(74.48% 0.0844 56.48)` | Soft Leather | black, 9 to 1 |
| 17 | `#deb28e` | `oklch(79.38% 0.0705 60.14)` | Soft Apricot | black, 10.8 to 1 |
| 18 | `#e5c3a4` | `oklch(84.00% 0.0569 64.36)` | Pueblo Sand | black, 12.7 to 1 |
| 19 | `#ebd3b8` | `oklch(87.99% 0.0446 69.54)` | Creamery | black, 14.5 to 1 |
| 20 | `#efdfc9` | `oklch(91.00% 0.0345 76.13)` | Silk Teddy | black, 16 to 1 |
| 21 | `#efe6d3` | `oklch(92.69% 0.0274 84.53)` | Grow | black, 16.9 to 1 |
| 22 | `#ece7d5` | `oklch(92.73% 0.0242 95.24)` | Board & Batten | black, 16.9 to 1 |
| 23 | `#e2e3d1` | `oklch(91.09% 0.0243 109.10)` | Yoga Daze | black, 16.1 to 1 |
| 24 | `#d3dbc8` | `oklch(88.07% 0.0271 125.67)` | Duchamp Light Green | black, 14.7 to 1 |
| 25 | `#bed0be` | `oklch(84.00% 0.0320 144.17)` | Spray of Mint | black, 13 to 1 |
| 26 | `#a6c3b4` | `oklch(79.18% 0.0384 163.82)` | Kind Green | black, 11.1 to 1 |
| 27 | `#8bb5ae` | `oklch(73.94% 0.0458 183.85)` | Treetop | black, 9.2 to 1 |
| 28 | `#72a4a9` | `oklch(68.58% 0.0536 203.49)` | Spartacus | black, 7.6 to 1 |
| 29 | `#6093a5` | `oklch(63.43% 0.0611 221.95)` | Manitou Blue | black, 6.2 to 1 |
| 30 | `#5583a1` | `oklch(58.80% 0.0680 238.47)` | Hemisphere | black, 5.1 to 1 |
| 31 | `#52749c` | `oklch(55.01% 0.0735 252.26)` | Secrecy | white, 4.8 to 1 |
| 32 | `#526a97` | `oklch(52.36% 0.0772 262.55)` | Blue Odyssey | white, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ada2cc 0.0%, #ad9dc9 3.2%, #ae95c3 6.5%, #b08bbb 9.7%, #b27faf 12.9%, #b4749f 16.1%, #b6698d 19.4%, #b75f7a 22.6%, #b85966 25.8%, #b85655 29.0%, #b95847 32.3%, #ba5f41 35.5%, #bf6b44 38.7%, #c57a51 41.9%, #cd8c62 45.2%, #d69f78 48.4%, #deb28e 51.6%, #e5c3a4 54.8%, #ebd3b8 58.1%, #efdfc9 61.3%, #efe6d3 64.5%, #ece7d5 67.7%, #e2e3d1 71.0%, #d3dbc8 74.2%, #bed0be 77.4%, #a6c3b4 80.6%, #8bb5ae 83.9%, #72a4a9 87.1%, #6093a5 90.3%, #5583a1 93.5%, #52749c 96.8%, #526a97 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.62% 0.0606 296.02) 0.0%, oklch(72.50% 0.0652 301.82) 3.2%, oklch(70.80% 0.0720 309.47) 6.5%, oklch(68.68% 0.0804 318.60) 9.7%, oklch(66.34% 0.0897 328.81) 12.9%, oklch(63.95% 0.0993 339.73) 16.1%, oklch(61.69% 0.1085 350.98) 19.4%, oklch(59.75% 0.1166 2.18) 22.6%, oklch(58.30% 0.1231 12.95) 25.8%, oklch(57.53% 0.1273 22.92) 29.0%, oklch(57.62% 0.1285 31.70) 32.3%, oklch(58.85% 0.1260 38.92) 35.5%, oklch(61.47% 0.1195 44.59) 38.7%, oklch(65.18% 0.1098 49.13) 41.9%, oklch(69.63% 0.0978 52.95) 45.2%, oklch(74.48% 0.0844 56.48) 48.4%, oklch(79.38% 0.0705 60.14) 51.6%, oklch(84.00% 0.0569 64.36) 54.8%, oklch(87.99% 0.0446 69.54) 58.1%, oklch(91.00% 0.0345 76.13) 61.3%, oklch(92.69% 0.0274 84.53) 64.5%, oklch(92.73% 0.0242 95.24) 67.7%, oklch(91.09% 0.0243 109.10) 71.0%, oklch(88.07% 0.0271 125.67) 74.2%, oklch(84.00% 0.0320 144.17) 77.4%, oklch(79.18% 0.0384 163.82) 80.6%, oklch(73.94% 0.0458 183.85) 83.9%, oklch(68.58% 0.0536 203.49) 87.1%, oklch(63.43% 0.0611 221.95) 90.3%, oklch(58.80% 0.0680 238.47) 93.5%, oklch(55.01% 0.0735 252.26) 96.8%, oklch(52.36% 0.0772 262.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.061 | 296 |
| 2 | 0.579 | 0.128 | 394.3 |
| 3 | 0.929 | 0.025 | 451.4 |
| 4 | 0.524 | 0.077 | 622.6 |

## In these collections

- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

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