# Rain plum fynbos bloom

Brown, purple, blue and gray radial gradient with 32 colors: #573c33, #5f3d35, #6a3d37, #763d3d, #833d47, #903c56, #9a3c68, #a13d7e, #a54094, #a445a9, #9f4bba, #9751c6, #8a59ce, #7960d1, #6768ce, #546dc6, #4671ba, #3d73ad, #3c72a0, #407095, #456e8c, #4b6b87, #516783, #57637e, #5d5f79, #625b72, #65576a, #675462, #67525a, #665154, #64514f, #62504c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, purple, blue and gray radial gradient
- Seed: `kUYh4cSEI18GWN45CVGA`
- Page: https://grabient.com/kUYh4cSEI18GWN45CVGA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 2 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 | `#573c33` | `oklch(38.58% 0.0413 39.38)` | Vixen | white, 9.9 to 1 |
| 2 | `#5f3d35` | `oklch(39.72% 0.0505 34.47)` | Painted Bark | white, 9.5 to 1 |
| 3 | `#6a3d37` | `oklch(41.30% 0.0637 28.13)` | Burnished Bark | white, 8.9 to 1 |
| 4 | `#763d3d` | `oklch(43.21% 0.0797 20.60)` | Sequoia Redwood | white, 8.3 to 1 |
| 5 | `#833d47` | `oklch(45.34% 0.0975 12.17)` | Burnt Russet | white, 7.7 to 1 |
| 6 | `#903c56` | `oklch(47.58% 0.1161 3.09)` | Quinacridone Magenta | white, 7.1 to 1 |
| 7 | `#9a3c68` | `oklch(49.82% 0.1343 353.63)` | Dynamo | white, 6.5 to 1 |
| 8 | `#a13d7e` | `oklch(51.93% 0.1510 344.07)` | Vivid Viola | white, 6 to 1 |
| 9 | `#a54094` | `oklch(53.82% 0.1651 334.66)` | Purple Cactus Flower | white, 5.5 to 1 |
| 10 | `#a445a9` | `oklch(55.36% 0.1755 325.68)` | Aged Purple | white, 5.2 to 1 |
| 11 | `#9f4bba` | `oklch(56.45% 0.1812 317.40)` | Fuchsia Pheromone | white, 5 to 1 |
| 12 | `#9751c6` | `oklch(57.02% 0.1813 309.45)` | Morado Purple | white, 4.8 to 1 |
| 13 | `#8a59ce` | `oklch(57.20% 0.1763 300.24)` | Morado Purple | white, 4.7 to 1 |
| 14 | `#7960d1` | `oklch(57.06% 0.1671 290.16)` | Astro Purple | white, 4.7 to 1 |
| 15 | `#6768ce` | `oklch(56.66% 0.1547 279.77)` | C64 Purple | white, 4.7 to 1 |
| 16 | `#546dc6` | `oklch(56.05% 0.1401 269.63)` | Borage Blue | white, 4.7 to 1 |
| 17 | `#4671ba` | `oklch(55.29% 0.1242 260.31)` | Sinatra | white, 4.8 to 1 |
| 18 | `#3d73ad` | `oklch(54.45% 0.1080 252.37)` | Athens | white, 4.9 to 1 |
| 19 | `#3c72a0` | `oklch(53.58% 0.0923 246.35)` | Muted Blue | white, 5.1 to 1 |
| 20 | `#407095` | `oklch(52.74% 0.0782 242.83)` | National Anthem | white, 5.2 to 1 |
| 21 | `#456e8c` | `oklch(51.99% 0.0666 242.37)` | Sojourn Blue | white, 5.4 to 1 |
| 22 | `#4b6b87` | `oklch(51.38% 0.0582 245.59)` | Wedgewood | white, 5.6 to 1 |
| 23 | `#516783` | `oklch(50.74% 0.0516 253.58)` | Stained Glass | white, 5.7 to 1 |
| 24 | `#57637e` | `oklch(50.04% 0.0461 265.74)` | Award Night | white, 6 to 1 |
| 25 | `#5d5f79` | `oklch(49.30% 0.0415 281.08)` | Twilight Dusk | white, 6.2 to 1 |
| 26 | `#625b72` | `oklch(48.54% 0.0377 298.59)` | Luscious Purple | white, 6.4 to 1 |
| 27 | `#65576a` | `oklch(47.78% 0.0347 317.26)` | Darkest Grape | white, 6.7 to 1 |
| 28 | `#675462` | `oklch(47.06% 0.0321 336.10)` | Purple Trinket | white, 6.9 to 1 |
| 29 | `#67525a` | `oklch(46.38% 0.0300 354.10)` | Sinful | white, 7.1 to 1 |
| 30 | `#665154` | `oklch(45.78% 0.0282 10.25)` | Ripe Fig | white, 7.3 to 1 |
| 31 | `#64514f` | `oklch(45.27% 0.0265 23.57)` | Robeson Rose | white, 7.4 to 1 |
| 32 | `#62504c` | `oklch(44.88% 0.0248 33.03)` | Spanish Raisin | white, 7.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #573c33 0.0%, #5f3d35 3.2%, #6a3d37 6.5%, #763d3d 9.7%, #833d47 12.9%, #903c56 16.1%, #9a3c68 19.4%, #a13d7e 22.6%, #a54094 25.8%, #a445a9 29.0%, #9f4bba 32.3%, #9751c6 35.5%, #8a59ce 38.7%, #7960d1 41.9%, #6768ce 45.2%, #546dc6 48.4%, #4671ba 51.6%, #3d73ad 54.8%, #3c72a0 58.1%, #407095 61.3%, #456e8c 64.5%, #4b6b87 67.7%, #516783 71.0%, #57637e 74.2%, #5d5f79 77.4%, #625b72 80.6%, #65576a 83.9%, #675462 87.1%, #67525a 90.3%, #665154 93.5%, #64514f 96.8%, #62504c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.58% 0.0413 39.38) 0.0%, oklch(39.72% 0.0505 34.47) 3.2%, oklch(41.30% 0.0637 28.13) 6.5%, oklch(43.21% 0.0797 20.60) 9.7%, oklch(45.34% 0.0975 12.17) 12.9%, oklch(47.58% 0.1161 3.09) 16.1%, oklch(49.82% 0.1343 353.63) 19.4%, oklch(51.93% 0.1510 344.07) 22.6%, oklch(53.82% 0.1651 334.66) 25.8%, oklch(55.36% 0.1755 325.68) 29.0%, oklch(56.45% 0.1812 317.40) 32.3%, oklch(57.02% 0.1813 309.45) 35.5%, oklch(57.20% 0.1763 300.24) 38.7%, oklch(57.06% 0.1671 290.16) 41.9%, oklch(56.66% 0.1547 279.77) 45.2%, oklch(56.05% 0.1401 269.63) 48.4%, oklch(55.29% 0.1242 260.31) 51.6%, oklch(54.45% 0.1080 252.37) 54.8%, oklch(53.58% 0.0923 246.35) 58.1%, oklch(52.74% 0.0782 242.83) 61.3%, oklch(51.99% 0.0666 242.37) 64.5%, oklch(51.38% 0.0582 245.59) 67.7%, oklch(50.74% 0.0516 253.58) 71.0%, oklch(50.04% 0.0461 265.74) 74.2%, oklch(49.30% 0.0415 281.08) 77.4%, oklch(48.54% 0.0377 298.59) 80.6%, oklch(47.78% 0.0347 317.26) 83.9%, oklch(47.06% 0.0321 336.10) 87.1%, oklch(46.38% 0.0300 354.10) 90.3%, oklch(45.78% 0.0282 10.25) 93.5%, oklch(45.27% 0.0265 23.57) 96.8%, oklch(44.88% 0.0248 33.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.041 | 39.4 |
| 2 | 0.567 | 0.182 | -45.2 |
| 3 | 0.516 | 0.061 | -116 |
| 4 | 0.449 | 0.025 | 33 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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