# Rainlit Violet Pool

Tan, lavender and gray radial gradient with 32 colors: #d0aa83, #d4a785, #d8a28a, #da9d94, #d999a0, #d396af, #ca95bc, #be95c5, #b195ca, #a496ca, #9796c6, #8c95be, #8493b5, #7e90ac, #798ca4, #74889d, #6e8399, #667c96, #5d7394, #586893, #575d91, #59548f, #5f4c8d, #664a8d, #6f4e90, #7c5998, #8c69a4, #9d7bb1, #ae8fbf, #bea2cd, #ccb2d9, #d6bde0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, lavender and gray radial gradient
- Seed: `kWwjIwWx2yM2OuI8J8ZaZRBY`
- Page: https://grabient.com/kWwjIwWx2yM2OuI8J8ZaZRBY?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#d0aa83` | `oklch(76.38% 0.0689 67.50)` | DaVanzo Beige | black, 9.8 to 1 |
| 2 | `#d4a785` | `oklch(76.04% 0.0703 57.80)` | Desert Riverbed | black, 9.6 to 1 |
| 3 | `#d8a28a` | `oklch(75.64% 0.0725 44.43)` | Shetland Pony | black, 9.4 to 1 |
| 4 | `#da9d94` | `oklch(75.16% 0.0753 28.48)` | Rhapsodic | black, 9.2 to 1 |
| 5 | `#d999a0` | `oklch(74.61% 0.0780 11.05)` | Parrot Pink | black, 8.9 to 1 |
| 6 | `#d396af` | `oklch(73.96% 0.0804 353.25)` | Exotic Lilac | black, 8.7 to 1 |
| 7 | `#ca95bc` | `oklch(73.21% 0.0819 336.15)` | Moorland Heather | black, 8.5 to 1 |
| 8 | `#be95c5` | `oklch(72.36% 0.0822 320.87)` | Rose Souvenir | black, 8.2 to 1 |
| 9 | `#b195ca` | `oklch(71.40% 0.0807 308.37)` | Cut Velvet | black, 8 to 1 |
| 10 | `#a496ca` | `oklch(70.31% 0.0765 296.88)` | Gorgeous Hydrangea | black, 7.7 to 1 |
| 11 | `#9796c6` | `oklch(69.09% 0.0699 285.74)` | Litmus | black, 7.4 to 1 |
| 12 | `#8c95be` | `oklch(67.77% 0.0621 275.37)` | PHP Purple | black, 7.1 to 1 |
| 13 | `#8493b5` | `oklch(66.37% 0.0541 266.16)` | Papilio Argeotus | black, 6.8 to 1 |
| 14 | `#7e90ac` | `oklch(64.89% 0.0470 258.52)` | Identity | black, 6.4 to 1 |
| 15 | `#798ca4` | `oklch(63.37% 0.0418 252.85)` | Gladeye | black, 6.1 to 1 |
| 16 | `#74889d` | `oklch(61.81% 0.0396 249.55)` | Somnambulist | black, 5.7 to 1 |
| 17 | `#6e8399` | `oklch(60.13% 0.0415 249.18)` | Lakeville | black, 5.3 to 1 |
| 18 | `#667c96` | `oklch(57.81% 0.0482 252.65)` | Indigo Dreams | black, 4.8 to 1 |
| 19 | `#5d7394` | `oklch(55.06% 0.0583 259.14)` | Clean Slate | white, 4.8 to 1 |
| 20 | `#586893` | `oklch(52.24% 0.0704 267.66)` | UCLA Blue | white, 5.4 to 1 |
| 21 | `#575d91` | `oklch(49.68% 0.0830 277.18)` | Persian Plush | white, 6.1 to 1 |
| 22 | `#59548f` | `oklch(47.71% 0.0945 286.69)` | Fine Purple | white, 6.8 to 1 |
| 23 | `#5f4c8d` | `oklch(46.69% 0.1035 295.18)` | Purple Corallite | white, 7.2 to 1 |
| 24 | `#664a8d` | `oklch(46.94% 0.1084 301.63)` | Lords of the Night | white, 7.1 to 1 |
| 25 | `#6f4e90` | `oklch(48.90% 0.1083 305.71)` | Grapes of Italy | white, 6.6 to 1 |
| 26 | `#7c5998` | `oklch(52.68% 0.1040 308.71)` | Sonic Plum | white, 5.6 to 1 |
| 27 | `#8c69a4` | `oklch(57.75% 0.0967 310.86)` | Amethyst Orchid | black, 4.6 to 1 |
| 28 | `#9d7bb1` | `oklch(63.55% 0.0875 312.36)` | English Lavender | black, 5.9 to 1 |
| 29 | `#ae8fbf` | `oklch(69.53% 0.0776 313.39)` | Young Prince | black, 7.4 to 1 |
| 30 | `#bea2cd` | `oklch(75.14% 0.0682 314.13)` | Lucius Lilac | black, 9.2 to 1 |
| 31 | `#ccb2d9` | `oklch(79.84% 0.0603 314.77)` | Sea Lavender | black, 10.9 to 1 |
| 32 | `#d6bde0` | `oklch(83.07% 0.0551 315.48)` | Plum Point | black, 12.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d0aa83 0.0%, #d4a785 3.2%, #d8a28a 6.5%, #da9d94 9.7%, #d999a0 12.9%, #d396af 16.1%, #ca95bc 19.4%, #be95c5 22.6%, #b195ca 25.8%, #a496ca 29.0%, #9796c6 32.3%, #8c95be 35.5%, #8493b5 38.7%, #7e90ac 41.9%, #798ca4 45.2%, #74889d 48.4%, #6e8399 51.6%, #667c96 54.8%, #5d7394 58.1%, #586893 61.3%, #575d91 64.5%, #59548f 67.7%, #5f4c8d 71.0%, #664a8d 74.2%, #6f4e90 77.4%, #7c5998 80.6%, #8c69a4 83.9%, #9d7bb1 87.1%, #ae8fbf 90.3%, #bea2cd 93.5%, #ccb2d9 96.8%, #d6bde0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(76.38% 0.0689 67.50) 0.0%, oklch(76.04% 0.0703 57.80) 3.2%, oklch(75.64% 0.0725 44.43) 6.5%, oklch(75.16% 0.0753 28.48) 9.7%, oklch(74.61% 0.0780 11.05) 12.9%, oklch(73.96% 0.0804 353.25) 16.1%, oklch(73.21% 0.0819 336.15) 19.4%, oklch(72.36% 0.0822 320.87) 22.6%, oklch(71.40% 0.0807 308.37) 25.8%, oklch(70.31% 0.0765 296.88) 29.0%, oklch(69.09% 0.0699 285.74) 32.3%, oklch(67.77% 0.0621 275.37) 35.5%, oklch(66.37% 0.0541 266.16) 38.7%, oklch(64.89% 0.0470 258.52) 41.9%, oklch(63.37% 0.0418 252.85) 45.2%, oklch(61.81% 0.0396 249.55) 48.4%, oklch(60.13% 0.0415 249.18) 51.6%, oklch(57.81% 0.0482 252.65) 54.8%, oklch(55.06% 0.0583 259.14) 58.1%, oklch(52.24% 0.0704 267.66) 61.3%, oklch(49.68% 0.0830 277.18) 64.5%, oklch(47.71% 0.0945 286.69) 67.7%, oklch(46.69% 0.1035 295.18) 71.0%, oklch(46.94% 0.1084 301.63) 74.2%, oklch(48.90% 0.1083 305.71) 77.4%, oklch(52.68% 0.1040 308.71) 80.6%, oklch(57.75% 0.0967 310.86) 83.9%, oklch(63.55% 0.0875 312.36) 87.1%, oklch(69.53% 0.0776 313.39) 90.3%, oklch(75.14% 0.0682 314.13) 93.5%, oklch(79.84% 0.0603 314.77) 96.8%, oklch(83.07% 0.0551 315.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.069 | 67.5 |
| 2 | 0.717 | 0.081 | -48.7 |
| 3 | 0.61 | 0.04 | -111.1 |
| 4 | 0.472 | 0.109 | -57.2 |
| 5 | 0.831 | 0.055 | -44.5 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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