# Muted rainbow from brown to black radial gradient

Muted rainbow from brown to black radial gradient with 48 colors: #717a4e, #777643, #817034, #8e6625, #9a5923, #a34a32, #a63d49, #a23563, #9a327a, #90328b, #873495, #813799, #7d3998, #7b3c95, #7a3e90, #79418a, #784384, #764580, #74477d, #70487c, #6b487b, #65467a, #5e4478, #574276, #504175, #494075, #424176, #3b4579, #334b7c, #2a5582, #1e658a, #0f7a90, #1b8f93, #3fa490, #66b58b, #8cc185, #abc881, #beca7f, #c3c57c, #bbba78, #a9ab70, #919767, #77825c, #5e6b50, #495543, #374136, #2b322c, #232724. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYji5UPbyt7uivw1oDk5yMuKIDRM`
- Page: https://grabient.com/kYji5UPbyt7uivw1oDk5yMuKIDRM?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.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 | `#717a4e` | `oklch(55.91% 0.0634 118.12)` | Verdant Views | white, 4.5 to 1 |
| 2 | `#777643` | `oklch(55.40% 0.0709 107.67)` | Gunmetal Green | white, 4.7 to 1 |
| 3 | `#817034` | `oklch(54.70% 0.0817 93.20)` | Mustard Magic | white, 4.9 to 1 |
| 4 | `#8e6625` | `oklch(53.87% 0.0948 75.80)` | Tapenade | white, 5.1 to 1 |
| 5 | `#9a5923` | `oklch(52.94% 0.1092 56.53)` | Sepia Wash | white, 5.4 to 1 |
| 6 | `#a34a32` | `oklch(51.97% 0.1239 36.46)` | Canyon Wall | white, 5.8 to 1 |
| 7 | `#a63d49` | `oklch(51.01% 0.1379 16.68)` | Moonrose | white, 6.1 to 1 |
| 8 | `#a23563` | `oklch(50.10% 0.1502 358.25)` | Royal Flush | white, 6.5 to 1 |
| 9 | `#9a327a` | `oklch(49.29% 0.1598 342.24)` | Purple Wine | white, 6.7 to 1 |
| 10 | `#90328b` | `oklch(48.63% 0.1657 329.74)` | Purple Excellency | white, 6.9 to 1 |
| 11 | `#873495` | `oklch(48.17% 0.1669 321.53)` | Dull Violet | white, 7.1 to 1 |
| 12 | `#813799` | `oklch(47.85% 0.1640 316.81)` | Cadmium Violet | white, 7.1 to 1 |
| 13 | `#7d3998` | `oklch(47.65% 0.1578 314.80)` | Cadmium Violet | white, 7.2 to 1 |
| 14 | `#7b3c95` | `oklch(47.53% 0.1491 314.81)` | Cadmium Violet | white, 7.2 to 1 |
| 15 | `#7a3e90` | `oklch(47.47% 0.1389 316.13)` | Perkin Mauve | white, 7.1 to 1 |
| 16 | `#79418a` | `oklch(47.43% 0.1279 318.06)` | Nightly Violet | white, 7.1 to 1 |
| 17 | `#784384` | `oklch(47.37% 0.1171 319.90)` | Nightly Violet | white, 7.1 to 1 |
| 18 | `#764580` | `oklch(47.26% 0.1073 320.93)` | Nightly Violet | white, 7.1 to 1 |
| 19 | `#74477d` | `oklch(47.08% 0.0994 320.47)` | Lilac Violet | white, 7.1 to 1 |
| 20 | `#70487c` | `oklch(46.77% 0.0943 317.87)` | Hyssop | white, 7.2 to 1 |
| 21 | `#6b487b` | `oklch(46.09% 0.0909 314.34)` | Perfectly Purple | white, 7.4 to 1 |
| 22 | `#65467a` | `oklch(45.04% 0.0887 310.56)` | Palace Purple | white, 7.7 to 1 |
| 23 | `#5e4478` | `oklch(43.81% 0.0874 306.36)` | In the Vines | white, 8.1 to 1 |
| 24 | `#574276` | `oklch(42.54% 0.0867 301.59)` | When Red Met Blue | white, 8.5 to 1 |
| 25 | `#504175` | `oklch(41.42% 0.0867 296.09)` | Raw Amethyst | white, 8.9 to 1 |
| 26 | `#494075` | `oklch(40.62% 0.0869 289.70)` | Deep Wisteria | white, 9.2 to 1 |
| 27 | `#424176` | `oklch(40.30% 0.0874 282.27)` | Deep Wisteria | white, 9.3 to 1 |
| 28 | `#3b4579` | `oklch(40.63% 0.0879 273.65)` | Little Blue Heron | white, 9.1 to 1 |
| 29 | `#334b7c` | `oklch(41.78% 0.0882 263.66)` | Nautical | white, 8.6 to 1 |
| 30 | `#2a5582` | `oklch(44.20% 0.0887 251.40)` | Mordian Blue | white, 7.6 to 1 |
| 31 | `#1e658a` | `oklch(48.24% 0.0903 235.74)` | Traditional Blue | white, 6.3 to 1 |
| 32 | `#0f7a90` | `oklch(53.43% 0.0925 217.66)` | Bimini Blue | white, 5 to 1 |
| 33 | `#1b8f93` | `oklch(59.29% 0.0951 198.19)` | Fish Story | black, 5.3 to 1 |
| 34 | `#3fa490` | `oklch(65.31% 0.0976 178.35)` | Marine Green | black, 6.8 to 1 |
| 35 | `#66b58b` | `oklch(71.00% 0.0996 159.17)` | Crazy Eyes | black, 8.5 to 1 |
| 36 | `#8cc185` | `oklch(75.87% 0.1007 141.67)` | Grand Valley | black, 10 to 1 |
| 37 | `#abc881` | `oklch(79.41% 0.1005 126.88)` | Sour Face | black, 11.3 to 1 |
| 38 | `#beca7f` | `oklch(81.14% 0.0986 115.84)` | Alien Breed | black, 11.9 to 1 |
| 39 | `#c3c57c` | `oklch(80.56% 0.0945 109.49)` | Soda Pop | black, 11.6 to 1 |
| 40 | `#bbba78` | `oklch(77.53% 0.0877 107.64)` | Liminal Yellow | black, 10.4 to 1 |
| 41 | `#a9ab70` | `oklch(72.52% 0.0786 109.41)` | Wasabi Green | black, 8.7 to 1 |
| 42 | `#919767` | `oklch(66.06% 0.0680 113.97)` | Exotic Palm | black, 6.8 to 1 |
| 43 | `#77825c` | `oklch(58.68% 0.0564 120.46)` | Grape Vine | black, 5.1 to 1 |
| 44 | `#5e6b50` | `oklch(50.93% 0.0446 128.05)` | Hinterland | white, 5.6 to 1 |
| 45 | `#495543` | `oklch(43.33% 0.0332 135.91)` | Cabbage Pont | white, 7.8 to 1 |
| 46 | `#374136` | `oklch(36.41% 0.0229 143.19)` | Kombu Green | white, 10.5 to 1 |
| 47 | `#2b322c` | `oklch(30.72% 0.0144 149.04)` | Terminal Black | white, 13.2 to 1 |
| 48 | `#232724` | `oklch(26.77% 0.0083 152.65)` | Nero | white, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #717a4e 0.0%, #777643 2.1%, #817034 4.3%, #8e6625 6.4%, #9a5923 8.5%, #a34a32 10.6%, #a63d49 12.8%, #a23563 14.9%, #9a327a 17.0%, #90328b 19.1%, #873495 21.3%, #813799 23.4%, #7d3998 25.5%, #7b3c95 27.7%, #7a3e90 29.8%, #79418a 31.9%, #784384 34.0%, #764580 36.2%, #74477d 38.3%, #70487c 40.4%, #6b487b 42.6%, #65467a 44.7%, #5e4478 46.8%, #574276 48.9%, #504175 51.1%, #494075 53.2%, #424176 55.3%, #3b4579 57.4%, #334b7c 59.6%, #2a5582 61.7%, #1e658a 63.8%, #0f7a90 66.0%, #1b8f93 68.1%, #3fa490 70.2%, #66b58b 72.3%, #8cc185 74.5%, #abc881 76.6%, #beca7f 78.7%, #c3c57c 80.9%, #bbba78 83.0%, #a9ab70 85.1%, #919767 87.2%, #77825c 89.4%, #5e6b50 91.5%, #495543 93.6%, #374136 95.7%, #2b322c 97.9%, #232724 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.91% 0.0634 118.12) 0.0%, oklch(55.40% 0.0709 107.67) 2.1%, oklch(54.70% 0.0817 93.20) 4.3%, oklch(53.87% 0.0948 75.80) 6.4%, oklch(52.94% 0.1092 56.53) 8.5%, oklch(51.97% 0.1239 36.46) 10.6%, oklch(51.01% 0.1379 16.68) 12.8%, oklch(50.10% 0.1502 358.25) 14.9%, oklch(49.29% 0.1598 342.24) 17.0%, oklch(48.63% 0.1657 329.74) 19.1%, oklch(48.17% 0.1669 321.53) 21.3%, oklch(47.85% 0.1640 316.81) 23.4%, oklch(47.65% 0.1578 314.80) 25.5%, oklch(47.53% 0.1491 314.81) 27.7%, oklch(47.47% 0.1389 316.13) 29.8%, oklch(47.43% 0.1279 318.06) 31.9%, oklch(47.37% 0.1171 319.90) 34.0%, oklch(47.26% 0.1073 320.93) 36.2%, oklch(47.08% 0.0994 320.47) 38.3%, oklch(46.77% 0.0943 317.87) 40.4%, oklch(46.09% 0.0909 314.34) 42.6%, oklch(45.04% 0.0887 310.56) 44.7%, oklch(43.81% 0.0874 306.36) 46.8%, oklch(42.54% 0.0867 301.59) 48.9%, oklch(41.42% 0.0867 296.09) 51.1%, oklch(40.62% 0.0869 289.70) 53.2%, oklch(40.30% 0.0874 282.27) 55.3%, oklch(40.63% 0.0879 273.65) 57.4%, oklch(41.78% 0.0882 263.66) 59.6%, oklch(44.20% 0.0887 251.40) 61.7%, oklch(48.24% 0.0903 235.74) 63.8%, oklch(53.43% 0.0925 217.66) 66.0%, oklch(59.29% 0.0951 198.19) 68.1%, oklch(65.31% 0.0976 178.35) 70.2%, oklch(71.00% 0.0996 159.17) 72.3%, oklch(75.87% 0.1007 141.67) 74.5%, oklch(79.41% 0.1005 126.88) 76.6%, oklch(81.14% 0.0986 115.84) 78.7%, oklch(80.56% 0.0945 109.49) 80.9%, oklch(77.53% 0.0877 107.64) 83.0%, oklch(72.52% 0.0786 109.41) 85.1%, oklch(66.06% 0.0680 113.97) 87.2%, oklch(58.68% 0.0564 120.46) 89.4%, oklch(50.93% 0.0446 128.05) 91.5%, oklch(43.33% 0.0332 135.91) 93.6%, oklch(36.41% 0.0229 143.19) 95.7%, oklch(30.72% 0.0144 149.04) 97.9%, oklch(26.77% 0.0083 152.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.063 | 118.1 |
| 2 | 0.484 | 0.167 | -34 |
| 3 | 0.469 | 0.095 | -41.4 |
| 4 | 0.421 | 0.088 | -98.5 |
| 5 | 0.811 | 0.096 | -248.6 |
| 6 | 0.268 | 0.008 | -207.4 |

## Other forms

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