# Muted rainbow from brown to blue radial gradient

Muted rainbow from brown to blue radial gradient with 48 colors: #bc8b5f, #bb875d, #bc815c, #bc7b5b, #bb745c, #b96c5d, #b6665e, #b2605e, #af5b5b, #ab5854, #a75748, #9e5835, #8f5c20, #7a6218, #606626, #47693b, #33694e, #2b685c, #2f6965, #396c6b, #477570, #5b8177, #74907f, #909f8a, #acaf99, #c4beab, #d7cbbc, #e3d4c9, #e8d9d0, #e5d6cc, #dbcdc2, #cbc1b1, #b6b19e, #9da08c, #82907b, #678070, #4e7269, #3a6766, #2c6067, #225b6c, #1e5773, #23537c, #2e5085, #3b4d8d, #494993, #564597, #604198, #683e96. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqz0sxqe7r6U07xh69OxPRjozy-`
- Page: https://grabient.com/kYqz0sxqe7r6U07xh69OxPRjozy-?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 5.8 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 | `#bc8b5f` | `oklch(67.32% 0.0841 62.58)` | Tatami Tan | black, 6.9 to 1 |
| 2 | `#bb875d` | `oklch(66.54% 0.0860 59.26)` | Deer | black, 6.7 to 1 |
| 3 | `#bc815c` | `oklch(65.49% 0.0891 53.69)` | Sundial | black, 6.4 to 1 |
| 4 | `#bc7b5b` | `oklch(64.24% 0.0928 46.73)` | Caramel Apple | black, 6.1 to 1 |
| 5 | `#bb745c` | `oklch(62.84% 0.0969 39.26)` | Sienna Sky | black, 5.7 to 1 |
| 6 | `#b96c5d` | `oklch(61.36% 0.1009 32.12)` | Cobrizo | black, 5.3 to 1 |
| 7 | `#b6665e` | `oklch(59.87% 0.1045 26.19)` | Pineapple Blossom | black, 5 to 1 |
| 8 | `#b2605e` | `oklch(58.42% 0.1074 22.33)` | Sienna Red | black, 4.7 to 1 |
| 9 | `#af5b5b` | `oklch(57.09% 0.1091 21.40)` | Italian Villa | white, 4.6 to 1 |
| 10 | `#ab5854` | `oklch(55.92% 0.1093 24.25)` | Bretzel Brown | white, 4.9 to 1 |
| 11 | `#a75748` | `oklch(54.87% 0.1076 32.22)` | Crail | white, 5.1 to 1 |
| 12 | `#9e5835` | `oklch(53.56% 0.1043 46.88)` | Cinnamon Sparkle | white, 5.3 to 1 |
| 13 | `#8f5c20` | `oklch(52.09% 0.0995 66.66)` | Afghan Carpet | white, 5.6 to 1 |
| 14 | `#7a6218` | `oklch(50.60% 0.0937 89.72)` | Brassy Brass | white, 5.8 to 1 |
| 15 | `#606626` | `oklch(49.24% 0.0871 114.21)` | Deathworld Forest | white, 6 to 1 |
| 16 | `#47693b` | `oklch(48.16% 0.0802 138.30)` | Mountain Forest | white, 6.2 to 1 |
| 17 | `#33694e` | `oklch(47.51% 0.0733 160.14)` | Spirulina | white, 6.4 to 1 |
| 18 | `#2b685c` | `oklch(47.43% 0.0666 177.88)` | Galapagos Green | white, 6.4 to 1 |
| 19 | `#2f6965` | `oklch(48.08% 0.0606 189.69)` | Magnetic Green | white, 6.3 to 1 |
| 20 | `#396c6b` | `oklch(49.61% 0.0556 193.69)` | Moonlit Forest | white, 5.9 to 1 |
| 21 | `#477570` | `oklch(52.67% 0.0506 188.55)` | Tandayapa Cloud Forest | white, 5.2 to 1 |
| 22 | `#5b8177` | `oklch(57.16% 0.0455 175.76)` | Hanging Moss | black, 4.8 to 1 |
| 23 | `#74907f` | `oklch(62.62% 0.0404 157.47)` | Rainford | black, 6 to 1 |
| 24 | `#909f8a` | `oklch(68.57% 0.0356 135.85)` | Athenian Green | black, 7.5 to 1 |
| 25 | `#acaf99` | `oklch(74.54% 0.0311 113.05)` | Ending Spring | black, 9.3 to 1 |
| 26 | `#c4beab` | `oklch(80.08% 0.0271 91.23)` | Candle Bark | black, 11.2 to 1 |
| 27 | `#d7cbbc` | `oklch(84.70% 0.0240 72.53)` | Gentle Shadows | black, 13.1 to 1 |
| 28 | `#e3d4c9` | `oklch(87.95% 0.0218 59.13)` | Bungalow White | black, 14.5 to 1 |
| 29 | `#e8d9d0` | `oklch(89.35% 0.0207 53.18)` | Pigskin Puffball | black, 15.2 to 1 |
| 30 | `#e5d6cc` | `oklch(88.54% 0.0208 55.59)` | Dawn Pink | black, 14.8 to 1 |
| 31 | `#dbcdc2` | `oklch(85.73% 0.0219 64.18)` | Reticence | black, 13.5 to 1 |
| 32 | `#cbc1b1` | `oklch(81.37% 0.0237 77.67)` | Neutra | black, 11.7 to 1 |
| 33 | `#b6b19e` | `oklch(75.93% 0.0264 94.85)` | Stone Walkway | black, 9.7 to 1 |
| 34 | `#9da08c` | `oklch(69.85% 0.0298 114.48)` | Meadowood | black, 7.8 to 1 |
| 35 | `#82907b` | `oklch(63.58% 0.0339 135.37)` | Ginkgo Tree | black, 6.2 to 1 |
| 36 | `#678070` | `oklch(57.58% 0.0387 156.29)` | Ecological | black, 4.9 to 1 |
| 37 | `#4e7269` | `oklch(52.29% 0.0441 176.01)` | Smoky Emerald | white, 5.3 to 1 |
| 38 | `#3a6766` | `oklch(48.18% 0.0500 193.34)` | Moor Pond Green | white, 6.3 to 1 |
| 39 | `#2c6067` | `oklch(45.60% 0.0565 207.40)` | After the Storm | white, 7 to 1 |
| 40 | `#225b6c` | `oklch(44.06% 0.0647 220.70)` | Legion Blue | white, 7.5 to 1 |
| 41 | `#1e5773` | `oklch(43.25% 0.0745 233.80)` | Canoe Blue | white, 7.8 to 1 |
| 42 | `#23537c` | `oklch(43.04% 0.0853 246.50)` | Blueberry Twist | white, 8 to 1 |
| 43 | `#2e5085` | `oklch(43.25% 0.0965 258.62)` | Assassin | white, 8 to 1 |
| 44 | `#3b4d8d` | `oklch(43.76% 0.1077 269.94)` | Jazzy Blue | white, 8 to 1 |
| 45 | `#494993` | `oklch(44.40% 0.1184 280.29)` | Merlin’s Robe | white, 7.9 to 1 |
| 46 | `#564597` | `oklch(45.03% 0.1280 289.47)` | Liberty | white, 7.8 to 1 |
| 47 | `#604198` | `oklch(45.51% 0.1360 297.27)` | Sweet Flag | white, 7.7 to 1 |
| 48 | `#683e96` | `oklch(45.67% 0.1419 303.52)` | Sweet Flag | white, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bc8b5f 0.0%, #bb875d 2.1%, #bc815c 4.3%, #bc7b5b 6.4%, #bb745c 8.5%, #b96c5d 10.6%, #b6665e 12.8%, #b2605e 14.9%, #af5b5b 17.0%, #ab5854 19.1%, #a75748 21.3%, #9e5835 23.4%, #8f5c20 25.5%, #7a6218 27.7%, #606626 29.8%, #47693b 31.9%, #33694e 34.0%, #2b685c 36.2%, #2f6965 38.3%, #396c6b 40.4%, #477570 42.6%, #5b8177 44.7%, #74907f 46.8%, #909f8a 48.9%, #acaf99 51.1%, #c4beab 53.2%, #d7cbbc 55.3%, #e3d4c9 57.4%, #e8d9d0 59.6%, #e5d6cc 61.7%, #dbcdc2 63.8%, #cbc1b1 66.0%, #b6b19e 68.1%, #9da08c 70.2%, #82907b 72.3%, #678070 74.5%, #4e7269 76.6%, #3a6766 78.7%, #2c6067 80.9%, #225b6c 83.0%, #1e5773 85.1%, #23537c 87.2%, #2e5085 89.4%, #3b4d8d 91.5%, #494993 93.6%, #564597 95.7%, #604198 97.9%, #683e96 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.32% 0.0841 62.58) 0.0%, oklch(66.54% 0.0860 59.26) 2.1%, oklch(65.49% 0.0891 53.69) 4.3%, oklch(64.24% 0.0928 46.73) 6.4%, oklch(62.84% 0.0969 39.26) 8.5%, oklch(61.36% 0.1009 32.12) 10.6%, oklch(59.87% 0.1045 26.19) 12.8%, oklch(58.42% 0.1074 22.33) 14.9%, oklch(57.09% 0.1091 21.40) 17.0%, oklch(55.92% 0.1093 24.25) 19.1%, oklch(54.87% 0.1076 32.22) 21.3%, oklch(53.56% 0.1043 46.88) 23.4%, oklch(52.09% 0.0995 66.66) 25.5%, oklch(50.60% 0.0937 89.72) 27.7%, oklch(49.24% 0.0871 114.21) 29.8%, oklch(48.16% 0.0802 138.30) 31.9%, oklch(47.51% 0.0733 160.14) 34.0%, oklch(47.43% 0.0666 177.88) 36.2%, oklch(48.08% 0.0606 189.69) 38.3%, oklch(49.61% 0.0556 193.69) 40.4%, oklch(52.67% 0.0506 188.55) 42.6%, oklch(57.16% 0.0455 175.76) 44.7%, oklch(62.62% 0.0404 157.47) 46.8%, oklch(68.57% 0.0356 135.85) 48.9%, oklch(74.54% 0.0311 113.05) 51.1%, oklch(80.08% 0.0271 91.23) 53.2%, oklch(84.70% 0.0240 72.53) 55.3%, oklch(87.95% 0.0218 59.13) 57.4%, oklch(89.35% 0.0207 53.18) 59.6%, oklch(88.54% 0.0208 55.59) 61.7%, oklch(85.73% 0.0219 64.18) 63.8%, oklch(81.37% 0.0237 77.67) 66.0%, oklch(75.93% 0.0264 94.85) 68.1%, oklch(69.85% 0.0298 114.48) 70.2%, oklch(63.58% 0.0339 135.37) 72.3%, oklch(57.58% 0.0387 156.29) 74.5%, oklch(52.29% 0.0441 176.01) 76.6%, oklch(48.18% 0.0500 193.34) 78.7%, oklch(45.60% 0.0565 207.40) 80.9%, oklch(44.06% 0.0647 220.70) 83.0%, oklch(43.25% 0.0745 233.80) 85.1%, oklch(43.04% 0.0853 246.50) 87.2%, oklch(43.25% 0.0965 258.62) 89.4%, oklch(43.76% 0.1077 269.94) 91.5%, oklch(44.40% 0.1184 280.29) 93.6%, oklch(45.03% 0.1280 289.47) 95.7%, oklch(45.51% 0.1360 297.27) 97.9%, oklch(45.67% 0.1419 303.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.084 | 62.6 |
| 2 | 0.555 | 0.109 | 26.6 |
| 3 | 0.492 | 0.056 | 193.6 |
| 4 | 0.894 | 0.021 | 53.1 |
| 5 | 0.465 | 0.054 | 202.1 |
| 6 | 0.457 | 0.142 | 303.5 |

## Other forms

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