# Sandstone amethyst rain rings

Purple, brown and navy radial gradient with 56 colors: #263597, #343698, #433698, #543797, #643893, #743b8d, #843e84, #92437b, #9e4970, #a85166, #ae5b5c, #b26555, #b46f51, #b47950, #b28252, #b08a56, #ae8f5b, #ac935f, #ab9562, #aa9562, #aa9261, #aa8e5f, #aa885c, #aa8159, #a97957, #a77057, #a46758, #9f5e5b, #985660, #8f4e65, #84476b, #78426f, #6c3e73, #5f3a74, #523775, #473574, #3e3372, #36316f, #302f6c, #2c2e69, #282c66, #252a62, #24295e, #23275b, #232557, #232453, #232350, #23214c, #242049, #241f46, #241e43, #251e40, #251d3e, #241c3b, #241c39, #231b38. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, brown and navy radial gradient
- Seed: `kUYnTAVhrU62mLKfk8Eg`
- Page: https://grabient.com/kUYnTAVhrU62mLKfk8Eg?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: light center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.5 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 | `#263597` | `oklch(38.58% 0.1598 270.00)` | North Star Blue | white, 10.2 to 1 |
| 2 | `#343698` | `oklch(39.55% 0.1571 275.83)` | Bluebell | white, 9.9 to 1 |
| 3 | `#433698` | `oklch(40.82% 0.1535 283.49)` | Royal Wisteria | white, 9.4 to 1 |
| 4 | `#543797` | `oklch(42.37% 0.1493 292.70)` | Ruthless Empress | white, 8.8 to 1 |
| 5 | `#643893` | `oklch(44.13% 0.1445 303.23)` | Rebecca Purple | white, 8.2 to 1 |
| 6 | `#743b8d` | `oklch(46.08% 0.1392 314.82)` | Perkin Mauve | white, 7.6 to 1 |
| 7 | `#843e84` | `oklch(48.16% 0.1336 327.21)` | Violet Webcap | white, 6.9 to 1 |
| 8 | `#92437b` | `oklch(50.33% 0.1277 340.17)` | Willowherb | white, 6.3 to 1 |
| 9 | `#9e4970` | `oklch(52.55% 0.1216 353.42)` | Magenta Haze | white, 5.7 to 1 |
| 10 | `#a85166` | `oklch(54.77% 0.1155 6.73)` | Rose Vale | white, 5.2 to 1 |
| 11 | `#ae5b5c` | `oklch(56.96% 0.1094 19.84)` | Italian Villa | white, 4.7 to 1 |
| 12 | `#b26555` | `oklch(59.06% 0.1034 32.50)` | Aragon | black, 4.8 to 1 |
| 13 | `#b46f51` | `oklch(61.03% 0.0976 44.45)` | Sunburn | black, 5.3 to 1 |
| 14 | `#b47950` | `oklch(62.83% 0.0922 55.45)` | Copper Mine | black, 5.8 to 1 |
| 15 | `#b28252` | `oklch(64.41% 0.0872 65.24)` | Komodo Dragon | black, 6.2 to 1 |
| 16 | `#b08a56` | `oklch(65.74% 0.0828 73.56)` | Rustic Wicker | black, 6.6 to 1 |
| 17 | `#ae8f5b` | `oklch(66.76% 0.0790 80.18)` | Peristyle Brass | black, 6.9 to 1 |
| 18 | `#ac935f` | `oklch(67.43% 0.0759 84.83)` | Sconce | black, 7.1 to 1 |
| 19 | `#ab9562` | `oklch(67.72% 0.0736 87.26)` | Pyrite Gold | black, 7.1 to 1 |
| 20 | `#aa9562` | `oklch(67.57% 0.0722 87.25)` | Pyrite Gold | black, 7.1 to 1 |
| 21 | `#aa9261` | `oklch(67.03% 0.0718 84.87)` | Pyrite Gold | black, 7 to 1 |
| 22 | `#aa8e5f` | `oklch(66.13% 0.0721 80.37)` | Alpha Gold | black, 6.7 to 1 |
| 23 | `#aa885c` | `oklch(64.91% 0.0731 73.99)` | Iced Coffee | black, 6.4 to 1 |
| 24 | `#aa8159` | `oklch(63.41% 0.0747 65.99)` | Penny | black, 6 to 1 |
| 25 | `#a97957` | `oklch(61.67% 0.0768 56.62)` | New England Roast | black, 5.5 to 1 |
| 26 | `#a77057` | `oklch(59.74% 0.0793 46.12)` | Orange Flambe | black, 5.1 to 1 |
| 27 | `#a46758` | `oklch(57.64% 0.0821 34.75)` | Sun Baked Earth | black, 4.6 to 1 |
| 28 | `#9f5e5b` | `oklch(55.42% 0.0851 22.75)` | Savannah Red | white, 4.9 to 1 |
| 29 | `#985660` | `oklch(53.13% 0.0882 10.38)` | Cuban Rhythm | white, 5.5 to 1 |
| 30 | `#8f4e65` | `oklch(50.79% 0.0913 357.89)` | Velour Scar | white, 6.1 to 1 |
| 31 | `#84476b` | `oklch(48.45% 0.0943 345.53)` | Grape Kiss | white, 6.7 to 1 |
| 32 | `#78426f` | `oklch(46.16% 0.0971 333.54)` | Wood Violet | white, 7.4 to 1 |
| 33 | `#6c3e73` | `oklch(43.94% 0.0996 322.18)` | Majesty | white, 8.1 to 1 |
| 34 | `#5f3a74` | `oklch(41.85% 0.1018 311.70)` | Heartless | white, 8.9 to 1 |
| 35 | `#523775` | `oklch(39.91% 0.1034 302.34)` | Loden Purple | white, 9.6 to 1 |
| 36 | `#473574` | `oklch(38.17% 0.1045 294.36)` | Galactic Compass | white, 10.3 to 1 |
| 37 | `#3e3372` | `oklch(36.67% 0.1049 288.00)` | Her Highness | white, 10.9 to 1 |
| 38 | `#36316f` | `oklch(35.44% 0.1045 283.47)` | Ballpoint Indigo | white, 11.4 to 1 |
| 39 | `#302f6c` | `oklch(34.35% 0.1035 280.17)` | Blue Rose | white, 11.9 to 1 |
| 40 | `#2c2e69` | `oklch(33.33% 0.1019 277.81)` | Underwater Realm | white, 12.3 to 1 |
| 41 | `#282c66` | `oklch(32.40% 0.0998 276.31)` | Underwater Realm | white, 12.8 to 1 |
| 42 | `#252a62` | `oklch(31.55% 0.0973 275.57)` | Deep Breath | white, 13.2 to 1 |
| 43 | `#24295e` | `oklch(30.76% 0.0944 275.51)` | Deep Breath | white, 13.5 to 1 |
| 44 | `#23275b` | `oklch(30.04% 0.0912 276.03)` | Deep Breath | white, 13.9 to 1 |
| 45 | `#232557` | `oklch(29.39% 0.0878 277.05)` | Spacescape | white, 14.2 to 1 |
| 46 | `#232453` | `oklch(28.78% 0.0843 278.47)` | Spacescape | white, 14.5 to 1 |
| 47 | `#232350` | `oklch(28.23% 0.0806 280.22)` | Spacescape | white, 14.7 to 1 |
| 48 | `#23214c` | `oklch(27.73% 0.0769 282.18)` | Azulado | white, 14.9 to 1 |
| 49 | `#242049` | `oklch(27.27% 0.0732 284.29)` | Azulado | white, 15.2 to 1 |
| 50 | `#241f46` | `oklch(26.84% 0.0696 286.44)` | Azulado | white, 15.4 to 1 |
| 51 | `#241e43` | `oklch(26.45% 0.0662 288.55)` | Throat | white, 15.5 to 1 |
| 52 | `#251e40` | `oklch(26.08% 0.0630 290.54)` | Throat | white, 15.7 to 1 |
| 53 | `#251d3e` | `oklch(25.74% 0.0601 292.30)` | Throat | white, 15.8 to 1 |
| 54 | `#241c3b` | `oklch(25.42% 0.0575 293.75)` | Throat | white, 16 to 1 |
| 55 | `#241c39` | `oklch(25.11% 0.0554 294.80)` | Throat | white, 16.1 to 1 |
| 56 | `#231b38` | `oklch(24.80% 0.0537 295.36)` | Throat | white, 16.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #263597 0.0%, #343698 1.8%, #433698 3.6%, #543797 5.5%, #643893 7.3%, #743b8d 9.1%, #843e84 10.9%, #92437b 12.7%, #9e4970 14.5%, #a85166 16.4%, #ae5b5c 18.2%, #b26555 20.0%, #b46f51 21.8%, #b47950 23.6%, #b28252 25.5%, #b08a56 27.3%, #ae8f5b 29.1%, #ac935f 30.9%, #ab9562 32.7%, #aa9562 34.5%, #aa9261 36.4%, #aa8e5f 38.2%, #aa885c 40.0%, #aa8159 41.8%, #a97957 43.6%, #a77057 45.5%, #a46758 47.3%, #9f5e5b 49.1%, #985660 50.9%, #8f4e65 52.7%, #84476b 54.5%, #78426f 56.4%, #6c3e73 58.2%, #5f3a74 60.0%, #523775 61.8%, #473574 63.6%, #3e3372 65.5%, #36316f 67.3%, #302f6c 69.1%, #2c2e69 70.9%, #282c66 72.7%, #252a62 74.5%, #24295e 76.4%, #23275b 78.2%, #232557 80.0%, #232453 81.8%, #232350 83.6%, #23214c 85.5%, #242049 87.3%, #241f46 89.1%, #241e43 90.9%, #251e40 92.7%, #251d3e 94.5%, #241c3b 96.4%, #241c39 98.2%, #231b38 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.58% 0.1598 270.00) 0.0%, oklch(39.55% 0.1571 275.83) 1.8%, oklch(40.82% 0.1535 283.49) 3.6%, oklch(42.37% 0.1493 292.70) 5.5%, oklch(44.13% 0.1445 303.23) 7.3%, oklch(46.08% 0.1392 314.82) 9.1%, oklch(48.16% 0.1336 327.21) 10.9%, oklch(50.33% 0.1277 340.17) 12.7%, oklch(52.55% 0.1216 353.42) 14.5%, oklch(54.77% 0.1155 6.73) 16.4%, oklch(56.96% 0.1094 19.84) 18.2%, oklch(59.06% 0.1034 32.50) 20.0%, oklch(61.03% 0.0976 44.45) 21.8%, oklch(62.83% 0.0922 55.45) 23.6%, oklch(64.41% 0.0872 65.24) 25.5%, oklch(65.74% 0.0828 73.56) 27.3%, oklch(66.76% 0.0790 80.18) 29.1%, oklch(67.43% 0.0759 84.83) 30.9%, oklch(67.72% 0.0736 87.26) 32.7%, oklch(67.57% 0.0722 87.25) 34.5%, oklch(67.03% 0.0718 84.87) 36.4%, oklch(66.13% 0.0721 80.37) 38.2%, oklch(64.91% 0.0731 73.99) 40.0%, oklch(63.41% 0.0747 65.99) 41.8%, oklch(61.67% 0.0768 56.62) 43.6%, oklch(59.74% 0.0793 46.12) 45.5%, oklch(57.64% 0.0821 34.75) 47.3%, oklch(55.42% 0.0851 22.75) 49.1%, oklch(53.13% 0.0882 10.38) 50.9%, oklch(50.79% 0.0913 357.89) 52.7%, oklch(48.45% 0.0943 345.53) 54.5%, oklch(46.16% 0.0971 333.54) 56.4%, oklch(43.94% 0.0996 322.18) 58.2%, oklch(41.85% 0.1018 311.70) 60.0%, oklch(39.91% 0.1034 302.34) 61.8%, oklch(38.17% 0.1045 294.36) 63.6%, oklch(36.67% 0.1049 288.00) 65.5%, oklch(35.44% 0.1045 283.47) 67.3%, oklch(34.35% 0.1035 280.17) 69.1%, oklch(33.33% 0.1019 277.81) 70.9%, oklch(32.40% 0.0998 276.31) 72.7%, oklch(31.55% 0.0973 275.57) 74.5%, oklch(30.76% 0.0944 275.51) 76.4%, oklch(30.04% 0.0912 276.03) 78.2%, oklch(29.39% 0.0878 277.05) 80.0%, oklch(28.78% 0.0843 278.47) 81.8%, oklch(28.23% 0.0806 280.22) 83.6%, oklch(27.73% 0.0769 282.18) 85.5%, oklch(27.27% 0.0732 284.29) 87.3%, oklch(26.84% 0.0696 286.44) 89.1%, oklch(26.45% 0.0662 288.55) 90.9%, oklch(26.08% 0.0630 290.54) 92.7%, oklch(25.74% 0.0601 292.30) 94.5%, oklch(25.42% 0.0575 293.75) 96.4%, oklch(25.11% 0.0554 294.80) 98.2%, oklch(24.80% 0.0537 295.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.16 | 270 |
| 2 | 0.677 | 0.073 | 447.5 |
| 3 | 0.358 | 0.105 | 284.8 |
| 4 | 0.248 | 0.054 | 295.4 |

## In these collections

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

## Other forms

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