# Muted rainbow from tan to brown radial gradient

Muted rainbow from tan to brown radial gradient with 64 colors: #ceba7f, #caba7f, #c5ba7e, #c0bb7f, #babb7f, #b3bc81, #abbc83, #a3bc86, #9bbb89, #92bb8d, #8ab990, #82b894, #7ab697, #73b39a, #6db09d, #67ac9f, #61a8a1, #5da3a2, #5a9ea2, #5899a2, #5693a1, #568ea0, #56889e, #56839c, #567e99, #577997, #577494, #586e90, #58688b, #586186, #585b80, #585579, #584f73, #574b6e, #57476a, #564567, #564466, #574567, #57486b, #594e72, #5b577c, #5d6388, #5f7194, #62819f, #6691a9, #6da1af, #77b0b3, #85bdb4, #94c7b2, #a3ceaf, #afd1aa, #b8d0a3, #becb99, #c1c38c, #c2b97f, #c2ad71, #c09f63, #bc9056, #b7824b, #b27442, #ac673c, #a65b37, #a15235, #9d4b35. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYyTpBW5vIscWSY2lcbaResEEqM-`
- Page: https://grabient.com/kYyTpBW5vIscWSY2lcbaResEEqM-?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, muted, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#ceba7f` | `oklch(79.13% 0.0799 91.41)` | Independent Gold | black, 10.9 to 1 |
| 2 | `#caba7f` | `oklch(78.84% 0.0798 94.77)` | Frozen Marguerita | black, 10.8 to 1 |
| 3 | `#c5ba7e` | `oklch(78.50% 0.0796 98.91)` | Frozen Marguerita | black, 10.7 to 1 |
| 4 | `#c0bb7f` | `oklch(78.13% 0.0795 103.75)` | Krieg Khaki | black, 10.6 to 1 |
| 5 | `#babb7f` | `oklch(77.72% 0.0793 109.17)` | Ushabti Bone | black, 10.5 to 1 |
| 6 | `#b3bc81` | `oklch(77.26% 0.0791 115.07)` | Grass Cloth | black, 10.3 to 1 |
| 7 | `#abbc83` | `oklch(76.76% 0.0789 121.36)` | Margarita | black, 10.2 to 1 |
| 8 | `#a3bc86` | `oklch(76.21% 0.0786 127.94)` | Glendale | black, 10 to 1 |
| 9 | `#9bbb89` | `oklch(75.60% 0.0783 134.70)` | Seafoam Green | black, 9.8 to 1 |
| 10 | `#92bb8d` | `oklch(74.94% 0.0779 141.55)` | Tiki Monster | black, 9.6 to 1 |
| 11 | `#8ab990` | `oklch(74.22% 0.0774 148.38)` | Forest Frolic | black, 9.4 to 1 |
| 12 | `#82b894` | `oklch(73.44% 0.0769 155.11)` | Veiled Chameleon | black, 9.2 to 1 |
| 13 | `#7ab697` | `oklch(72.59% 0.0762 161.62)` | Padua | black, 8.9 to 1 |
| 14 | `#73b39a` | `oklch(71.67% 0.0755 167.86)` | Dusty Jade Green | black, 8.6 to 1 |
| 15 | `#6db09d` | `oklch(70.63% 0.0745 174.22)` | Dusty Jade Green | black, 8.3 to 1 |
| 16 | `#67ac9f` | `oklch(69.49% 0.0734 180.76)` | Green Crush | black, 7.9 to 1 |
| 17 | `#61a8a1` | `oklch(68.26% 0.0721 187.42)` | Veranda | black, 7.6 to 1 |
| 18 | `#5da3a2` | `oklch(66.96% 0.0708 194.17)` | Folk Song | black, 7.2 to 1 |
| 19 | `#5a9ea2` | `oklch(65.60% 0.0693 200.95)` | Bali Bliss | black, 6.8 to 1 |
| 20 | `#5899a2` | `oklch(64.21% 0.0679 207.73)` | Tropical Oasis | black, 6.4 to 1 |
| 21 | `#5693a1` | `oklch(62.80% 0.0665 214.45)` | Manitou Blue | black, 6 to 1 |
| 22 | `#568ea0` | `oklch(61.39% 0.0651 221.07)` | Sail Cover | black, 5.7 to 1 |
| 23 | `#56889e` | `oklch(60.00% 0.0638 227.55)` | Secure Blue | black, 5.4 to 1 |
| 24 | `#56839c` | `oklch(58.65% 0.0626 233.83)` | Honest Blue | black, 5.1 to 1 |
| 25 | `#567e99` | `oklch(57.36% 0.0616 239.88)` | Nightly Blade | black, 4.8 to 1 |
| 26 | `#577997` | `oklch(56.14% 0.0608 245.63)` | Quiet Harbour | white, 4.5 to 1 |
| 27 | `#577494` | `oklch(54.89% 0.0601 251.51)` | Clean Slate | white, 4.8 to 1 |
| 28 | `#586e90` | `oklch(53.42% 0.0596 258.25)` | Kashmir Blue | white, 5.1 to 1 |
| 29 | `#58688b` | `oklch(51.79% 0.0593 265.57)` | Allegiance | white, 5.5 to 1 |
| 30 | `#586186` | `oklch(50.08% 0.0590 273.17)` | Karmic Grape | white, 6 to 1 |
| 31 | `#585b80` | `oklch(48.36% 0.0588 280.75)` | Deep Lavender | white, 6.5 to 1 |
| 32 | `#585579` | `oklch(46.70% 0.0587 287.99)` | The Fang | white, 7 to 1 |
| 33 | `#584f73` | `oklch(45.18% 0.0586 294.60)` | Benikakehana Purple | white, 7.5 to 1 |
| 34 | `#574b6e` | `oklch(43.87% 0.0587 300.28)` | Proper Purple | white, 7.9 to 1 |
| 35 | `#57476a` | `oklch(42.85% 0.0587 304.71)` | Woad Purple | white, 8.3 to 1 |
| 36 | `#564567` | `oklch(42.19% 0.0588 307.60)` | Haunted Candelabra | white, 8.6 to 1 |
| 37 | `#564466` | `oklch(41.97% 0.0590 308.64)` | Haunted Candelabra | white, 8.6 to 1 |
| 38 | `#574567` | `oklch(42.26% 0.0591 307.52)` | Woad Purple | white, 8.5 to 1 |
| 39 | `#57486b` | `oklch(43.15% 0.0593 303.93)` | Woad Purple | white, 8.2 to 1 |
| 40 | `#594e72` | `oklch(44.94% 0.0593 297.41)` | Benikakehana Purple | white, 7.6 to 1 |
| 41 | `#5b577c` | `oklch(47.62% 0.0592 288.15)` | Taylor | white, 6.7 to 1 |
| 42 | `#5d6388` | `oklch(51.00% 0.0591 276.58)` | Pharaoh Purple | white, 5.8 to 1 |
| 43 | `#5f7194` | `oklch(54.90% 0.0589 263.15)` | Ocean Night | white, 4.8 to 1 |
| 44 | `#62819f` | `oklch(59.13% 0.0588 248.29)` | Bluestone Path | black, 5.1 to 1 |
| 45 | `#6691a9` | `oklch(63.51% 0.0587 232.45)` | Blue Cruise | black, 6.2 to 1 |
| 46 | `#6da1af` | `oklch(67.85% 0.0589 216.07)` | Crystal Blue | black, 7.3 to 1 |
| 47 | `#77b0b3` | `oklch(71.97% 0.0592 199.57)` | Venice Escape | black, 8.6 to 1 |
| 48 | `#85bdb4` | `oklch(75.67% 0.0598 183.41)` | Morning Green | black, 9.9 to 1 |
| 49 | `#94c7b2` | `oklch(78.78% 0.0608 168.02)` | Float Your Boat | black, 11 to 1 |
| 50 | `#a3ceaf` | `oklch(81.10% 0.0621 153.83)` | Merrylyn | black, 11.9 to 1 |
| 51 | `#afd1aa` | `oklch(82.45% 0.0639 141.30)` | Garden Room | black, 12.4 to 1 |
| 52 | `#b8d0a3` | `oklch(82.68% 0.0663 130.47)` | Apium | black, 12.5 to 1 |
| 53 | `#becb99` | `oklch(81.90% 0.0694 120.03)` | White Grape | black, 12.1 to 1 |
| 54 | `#c1c38c` | `oklch(80.28% 0.0732 109.87)` | Misty Valley | black, 11.4 to 1 |
| 55 | `#c2b97f` | `oklch(77.95% 0.0775 100.05)` | Slippery Moss | black, 10.5 to 1 |
| 56 | `#c2ad71` | `oklch(75.09% 0.0822 90.62)` | Dried Moss | black, 9.4 to 1 |
| 57 | `#c09f63` | `oklch(71.84% 0.0871 81.63)` | Gold Spell | black, 8.3 to 1 |
| 58 | `#bc9056` | `oklch(68.35% 0.0921 73.13)` | Radiance | black, 7.2 to 1 |
| 59 | `#b7824b` | `oklch(64.79% 0.0970 65.17)` | Arrakis Spice | black, 6.3 to 1 |
| 60 | `#b27442` | `oklch(61.30% 0.1018 57.81)` | Exotic Life | black, 5.4 to 1 |
| 61 | `#ac673c` | `oklch(58.04% 0.1062 51.10)` | Auric Copper | black, 4.7 to 1 |
| 62 | `#a65b37` | `oklch(55.17% 0.1100 45.10)` | Falling Leaves | white, 5 to 1 |
| 63 | `#a15235` | `oklch(52.83% 0.1133 39.84)` | Taisha Red | white, 5.5 to 1 |
| 64 | `#9d4b35` | `oklch(51.18% 0.1157 35.40)` | Picante | white, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ceba7f 0.0%, #caba7f 1.6%, #c5ba7e 3.2%, #c0bb7f 4.8%, #babb7f 6.3%, #b3bc81 7.9%, #abbc83 9.5%, #a3bc86 11.1%, #9bbb89 12.7%, #92bb8d 14.3%, #8ab990 15.9%, #82b894 17.5%, #7ab697 19.0%, #73b39a 20.6%, #6db09d 22.2%, #67ac9f 23.8%, #61a8a1 25.4%, #5da3a2 27.0%, #5a9ea2 28.6%, #5899a2 30.2%, #5693a1 31.7%, #568ea0 33.3%, #56889e 34.9%, #56839c 36.5%, #567e99 38.1%, #577997 39.7%, #577494 41.3%, #586e90 42.9%, #58688b 44.4%, #586186 46.0%, #585b80 47.6%, #585579 49.2%, #584f73 50.8%, #574b6e 52.4%, #57476a 54.0%, #564567 55.6%, #564466 57.1%, #574567 58.7%, #57486b 60.3%, #594e72 61.9%, #5b577c 63.5%, #5d6388 65.1%, #5f7194 66.7%, #62819f 68.3%, #6691a9 69.8%, #6da1af 71.4%, #77b0b3 73.0%, #85bdb4 74.6%, #94c7b2 76.2%, #a3ceaf 77.8%, #afd1aa 79.4%, #b8d0a3 81.0%, #becb99 82.5%, #c1c38c 84.1%, #c2b97f 85.7%, #c2ad71 87.3%, #c09f63 88.9%, #bc9056 90.5%, #b7824b 92.1%, #b27442 93.7%, #ac673c 95.2%, #a65b37 96.8%, #a15235 98.4%, #9d4b35 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(79.13% 0.0799 91.41) 0.0%, oklch(78.84% 0.0798 94.77) 1.6%, oklch(78.50% 0.0796 98.91) 3.2%, oklch(78.13% 0.0795 103.75) 4.8%, oklch(77.72% 0.0793 109.17) 6.3%, oklch(77.26% 0.0791 115.07) 7.9%, oklch(76.76% 0.0789 121.36) 9.5%, oklch(76.21% 0.0786 127.94) 11.1%, oklch(75.60% 0.0783 134.70) 12.7%, oklch(74.94% 0.0779 141.55) 14.3%, oklch(74.22% 0.0774 148.38) 15.9%, oklch(73.44% 0.0769 155.11) 17.5%, oklch(72.59% 0.0762 161.62) 19.0%, oklch(71.67% 0.0755 167.86) 20.6%, oklch(70.63% 0.0745 174.22) 22.2%, oklch(69.49% 0.0734 180.76) 23.8%, oklch(68.26% 0.0721 187.42) 25.4%, oklch(66.96% 0.0708 194.17) 27.0%, oklch(65.60% 0.0693 200.95) 28.6%, oklch(64.21% 0.0679 207.73) 30.2%, oklch(62.80% 0.0665 214.45) 31.7%, oklch(61.39% 0.0651 221.07) 33.3%, oklch(60.00% 0.0638 227.55) 34.9%, oklch(58.65% 0.0626 233.83) 36.5%, oklch(57.36% 0.0616 239.88) 38.1%, oklch(56.14% 0.0608 245.63) 39.7%, oklch(54.89% 0.0601 251.51) 41.3%, oklch(53.42% 0.0596 258.25) 42.9%, oklch(51.79% 0.0593 265.57) 44.4%, oklch(50.08% 0.0590 273.17) 46.0%, oklch(48.36% 0.0588 280.75) 47.6%, oklch(46.70% 0.0587 287.99) 49.2%, oklch(45.18% 0.0586 294.60) 50.8%, oklch(43.87% 0.0587 300.28) 52.4%, oklch(42.85% 0.0587 304.71) 54.0%, oklch(42.19% 0.0588 307.60) 55.6%, oklch(41.97% 0.0590 308.64) 57.1%, oklch(42.26% 0.0591 307.52) 58.7%, oklch(43.15% 0.0593 303.93) 60.3%, oklch(44.94% 0.0593 297.41) 61.9%, oklch(47.62% 0.0592 288.15) 63.5%, oklch(51.00% 0.0591 276.58) 65.1%, oklch(54.90% 0.0589 263.15) 66.7%, oklch(59.13% 0.0588 248.29) 68.3%, oklch(63.51% 0.0587 232.45) 69.8%, oklch(67.85% 0.0589 216.07) 71.4%, oklch(71.97% 0.0592 199.57) 73.0%, oklch(75.67% 0.0598 183.41) 74.6%, oklch(78.78% 0.0608 168.02) 76.2%, oklch(81.10% 0.0621 153.83) 77.8%, oklch(82.45% 0.0639 141.30) 79.4%, oklch(82.68% 0.0663 130.47) 81.0%, oklch(81.90% 0.0694 120.03) 82.5%, oklch(80.28% 0.0732 109.87) 84.1%, oklch(77.95% 0.0775 100.05) 85.7%, oklch(75.09% 0.0822 90.62) 87.3%, oklch(71.84% 0.0871 81.63) 88.9%, oklch(68.35% 0.0921 73.13) 90.5%, oklch(64.79% 0.0970 65.17) 92.1%, oklch(61.30% 0.1018 57.81) 93.7%, oklch(58.04% 0.1062 51.10) 95.2%, oklch(55.17% 0.1100 45.10) 96.8%, oklch(52.83% 0.1133 39.84) 98.4%, oklch(51.18% 0.1157 35.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.08 | 91.4 |
| 2 | 0.72 | 0.076 | 165.4 |
| 3 | 0.559 | 0.061 | 246.7 |
| 4 | 0.429 | 0.059 | 304.9 |
| 5 | 0.827 | 0.065 | 136.8 |
| 6 | 0.512 | 0.116 | 35.4 |

## Other forms

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