# Soft gold muted blue muted plum rings

Tan, purple and navy radial gradient with 32 colors: #c4cf79, #cfc873, #dbbf70, #e5b575, #eaab81, #eaa391, #e29ea2, #d69ab0, #c797b8, #b794bb, #a78fb9, #9888b2, #897ea8, #79729b, #69648d, #5a557e, #4c4770, #403a62, #362e57, #2f254e, #2a1e47, #291a44, #2b1a45, #301c48, #391f4d, #432554, #502b5b, #5d3262, #6a3968, #763f6d, #7f4571, #864874. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, purple and navy radial gradient
- Seed: `kU0lBR1hesKGbvo-pUUA`
- Page: https://grabient.com/kU0lBR1hesKGbvo-pUUA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 9.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 | `#c4cf79` | `oklch(82.68% 0.1102 114.61)` | Alligator Alley | black, 12.5 to 1 |
| 2 | `#cfc873` | `oklch(81.93% 0.1074 104.39)` | Muted Lime | black, 12.1 to 1 |
| 3 | `#dbbf70` | `oklch(81.12% 0.1034 90.46)` | Tropical Siesta | black, 11.6 to 1 |
| 4 | `#e5b575` | `oklch(80.22% 0.0987 73.70)` | Pyramid Gold | black, 11.1 to 1 |
| 5 | `#eaab81` | `oklch(79.18% 0.0933 54.98)` | Melting Sunset | black, 10.6 to 1 |
| 6 | `#eaa391` | `oklch(78.00% 0.0878 35.19)` | Rose Dusk | black, 10.1 to 1 |
| 7 | `#e29ea2` | `oklch(76.62% 0.0822 15.20)` | Pale Berry | black, 9.6 to 1 |
| 8 | `#d69ab0` | `oklch(75.02% 0.0769 355.89)` | Haute Pink | black, 9.1 to 1 |
| 9 | `#c797b8` | `oklch(73.18% 0.0721 338.13)` | Morning Glory Pink | black, 8.5 to 1 |
| 10 | `#b794bb` | `oklch(71.05% 0.0682 322.79)` | Sheer Lilac | black, 7.9 to 1 |
| 11 | `#a78fb9` | `oklch(68.61% 0.0654 310.77)` | Yolanda | black, 7.2 to 1 |
| 12 | `#9888b2` | `oklch(65.67% 0.0639 302.40)` | Flirty Pink | black, 6.5 to 1 |
| 13 | `#897ea8` | `oklch(61.85% 0.0632 296.36)` | Second Pour | black, 5.6 to 1 |
| 14 | `#79729b` | `oklch(57.34% 0.0632 292.25)` | Arabian Silk | black, 4.6 to 1 |
| 15 | `#69648d` | `oklch(52.39% 0.0639 289.81)` | Twilight Purple | white, 5.5 to 1 |
| 16 | `#5a557e` | `oklch(47.25% 0.0651 288.77)` | Aurora Splendour | white, 6.8 to 1 |
| 17 | `#4c4770` | `oklch(42.16% 0.0666 288.85)` | Evening Fizz | white, 8.5 to 1 |
| 18 | `#403a62` | `oklch(37.38% 0.0685 289.78)` | Storm Is Coming | white, 10.4 to 1 |
| 19 | `#362e57` | `oklch(33.14% 0.0705 291.28)` | Midnight Pie | white, 12.4 to 1 |
| 20 | `#2f254e` | `oklch(29.69% 0.0725 293.08)` | Pāua | white, 14 to 1 |
| 21 | `#2a1e47` | `oklch(27.28% 0.0745 294.91)` | Elderberry | white, 15.2 to 1 |
| 22 | `#291a44` | `oklch(26.16% 0.0764 296.61)` | Throat | white, 15.8 to 1 |
| 23 | `#2b1a45` | `oklch(26.35% 0.0786 299.23)` | Blackcurrant | white, 15.7 to 1 |
| 24 | `#301c48` | `oklch(27.64% 0.0812 302.94)` | Russian Violet | white, 15.1 to 1 |
| 25 | `#391f4d` | `oklch(29.80% 0.0840 307.45)` | Powerful Violet | white, 14.1 to 1 |
| 26 | `#432554` | `oklch(32.58% 0.0870 312.52)` | Galactic Wonder | white, 12.8 to 1 |
| 27 | `#502b5b` | `oklch(35.76% 0.0901 317.85)` | Kuwanomi Purple | white, 11.4 to 1 |
| 28 | `#5d3262` | `oklch(39.09% 0.0930 323.20)` | Imperial Purple | white, 10 to 1 |
| 29 | `#6a3968` | `oklch(42.33% 0.0958 328.29)` | Berry Light | white, 8.7 to 1 |
| 30 | `#763f6d` | `oklch(45.26% 0.0983 332.86)` | Wood Violet | white, 7.7 to 1 |
| 31 | `#7f4571` | `oklch(47.63% 0.1004 336.63)` | Magic Magenta | white, 7 to 1 |
| 32 | `#864874` | `oklch(49.21% 0.1020 339.35)` | Grape Kiss | white, 6.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c4cf79 0.0%, #cfc873 3.2%, #dbbf70 6.5%, #e5b575 9.7%, #eaab81 12.9%, #eaa391 16.1%, #e29ea2 19.4%, #d69ab0 22.6%, #c797b8 25.8%, #b794bb 29.0%, #a78fb9 32.3%, #9888b2 35.5%, #897ea8 38.7%, #79729b 41.9%, #69648d 45.2%, #5a557e 48.4%, #4c4770 51.6%, #403a62 54.8%, #362e57 58.1%, #2f254e 61.3%, #2a1e47 64.5%, #291a44 67.7%, #2b1a45 71.0%, #301c48 74.2%, #391f4d 77.4%, #432554 80.6%, #502b5b 83.9%, #5d3262 87.1%, #6a3968 90.3%, #763f6d 93.5%, #7f4571 96.8%, #864874 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(82.68% 0.1102 114.61) 0.0%, oklch(81.93% 0.1074 104.39) 3.2%, oklch(81.12% 0.1034 90.46) 6.5%, oklch(80.22% 0.0987 73.70) 9.7%, oklch(79.18% 0.0933 54.98) 12.9%, oklch(78.00% 0.0878 35.19) 16.1%, oklch(76.62% 0.0822 15.20) 19.4%, oklch(75.02% 0.0769 355.89) 22.6%, oklch(73.18% 0.0721 338.13) 25.8%, oklch(71.05% 0.0682 322.79) 29.0%, oklch(68.61% 0.0654 310.77) 32.3%, oklch(65.67% 0.0639 302.40) 35.5%, oklch(61.85% 0.0632 296.36) 38.7%, oklch(57.34% 0.0632 292.25) 41.9%, oklch(52.39% 0.0639 289.81) 45.2%, oklch(47.25% 0.0651 288.77) 48.4%, oklch(42.16% 0.0666 288.85) 51.6%, oklch(37.38% 0.0685 289.78) 54.8%, oklch(33.14% 0.0705 291.28) 58.1%, oklch(29.69% 0.0725 293.08) 61.3%, oklch(27.28% 0.0745 294.91) 64.5%, oklch(26.16% 0.0764 296.61) 67.7%, oklch(26.35% 0.0786 299.23) 71.0%, oklch(27.64% 0.0812 302.94) 74.2%, oklch(29.80% 0.0840 307.45) 77.4%, oklch(32.58% 0.0870 312.52) 80.6%, oklch(35.76% 0.0901 317.85) 83.9%, oklch(39.09% 0.0930 323.20) 87.1%, oklch(42.33% 0.0958 328.29) 90.3%, oklch(45.26% 0.0983 332.86) 93.5%, oklch(47.63% 0.1004 336.63) 96.8%, oklch(49.21% 0.1020 339.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.11 | 114.6 |
| 2 | 0.677 | 0.065 | -52.4 |
| 3 | 0.264 | 0.076 | -64 |
| 4 | 0.492 | 0.102 | -20.7 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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