# Photocopy Garden Burst

The gradient follows a complete visible route from #11bfc5 to #15b95d, passing through teal, green, yellow-green, orange, orange-red, red, rose, magenta, violet, blue, cyan, teal, green, yellow-green, and green. The continuous transitions create both calm intermediate areas and stronger color turns for foreground placement.

- Also called: Rainbow from teal to green radial gradient
- Seed: `kWulmN0E4rsHSsTnSbI18HAY`
- Page: https://grabient.com/kWulmN0E4rsHSsTnSbI18HAY?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#11bfc5` | `oklch(73.23% 0.1226 198.98)` | Cala Benirrás Blue | black, 9.3 to 1 |
| 2 | `#00bfb0` | `oklch(72.42% 0.1277 184.93)` | Turquoise Topaz | black, 9.1 to 1 |
| 3 | `#21be8e` | `oklch(71.34% 0.1419 165.82)` | Blarney | black, 8.8 to 1 |
| 4 | `#5db65a` | `oklch(70.06% 0.1553 143.03)` | Forest Maid | black, 8.3 to 1 |
| 5 | `#92a600` | `oklch(68.64% 0.1597 117.98)` | Augustus Asparagus | black, 7.7 to 1 |
| 6 | `#b49200` | `oklch(67.13% 0.1373 92.05)` | Faint Gold | black, 7 to 1 |
| 7 | `#cb7c00` | `oklch(65.59% 0.1453 66.66)` | Seabuckthorn Yellow Brown | black, 6.4 to 1 |
| 8 | `#e55a00` | `oklch(64.07% 0.1890 43.22)` | Tobiko Orange | black, 5.8 to 1 |
| 9 | `#ee3944` | `oklch(62.62% 0.2166 23.06)` | Red Radish | black, 5.3 to 1 |
| 10 | `#e52971` | `oklch(60.77% 0.2219 4.95)` | Watermelon Sugar | black, 4.8 to 1 |
| 11 | `#d22493` | `oklch(58.54% 0.2255 347.94)` | Royal Fuchsia | white, 4.7 to 1 |
| 12 | `#ba27af` | `oklch(56.20% 0.2277 331.78)` | Amora Purple | white, 5.2 to 1 |
| 13 | `#a02cc5` | `oklch(54.02% 0.2288 316.23)` | Purple Vanity | white, 5.7 to 1 |
| 14 | `#8334d5` | `oklch(52.27% 0.2289 301.05)` | Thick Purple | white, 6.1 to 1 |
| 15 | `#653ee0` | `oklch(51.23% 0.2285 285.99)` | Burple | white, 6.3 to 1 |
| 16 | `#3d4de6` | `oklch(51.16% 0.2278 270.81)` | Qing Dynasty Dragon | white, 6.1 to 1 |
| 17 | `#0067cb` | `oklch(52.41% 0.1734 255.14)` | Royal Navy Blue | white, 5.5 to 1 |
| 18 | `#007bb2` | `oklch(55.35% 0.1232 238.26)` | Nice Blue | white, 4.6 to 1 |
| 19 | `#008dac` | `oklch(59.54% 0.1090 220.74)` | Quintana | black, 5.4 to 1 |
| 20 | `#00a1ab` | `oklch(64.47% 0.1098 203.29)` | Aare River Brienz | black, 6.6 to 1 |
| 21 | `#00b5a9` | `oklch(69.58% 0.1217 186.65)` | Glass Jar Blue | black, 8.1 to 1 |
| 22 | `#00c9a1` | `oklch(74.36% 0.1449 171.53)` | Jadeite | black, 9.8 to 1 |
| 23 | `#00da8c` | `oklch(78.26% 0.1810 158.67)` | Reptile Green | black, 11.3 to 1 |
| 24 | `#43e271` | `oklch(80.76% 0.2033 148.78)` | Weird Green | black, 12.4 to 1 |
| 25 | `#69e262` | `oklch(81.52% 0.2002 142.52)` | Lightish Green | black, 12.6 to 1 |
| 26 | `#74de5a` | `oklch(80.93% 0.1970 139.74)` | Lightish Green | black, 12.3 to 1 |
| 27 | `#71d857` | `oklch(79.36% 0.1936 139.63)` | Fresh Green | black, 11.6 to 1 |
| 28 | `#65d157` | `oklch(77.15% 0.1904 141.39)` | Koopa Green Shell | black, 10.8 to 1 |
| 29 | `#53ca59` | `oklch(74.65% 0.1873 144.22)` | UFO Green | black, 9.9 to 1 |
| 30 | `#3dc35b` | `oklch(72.21% 0.1846 147.31)` | Algal Fuel | black, 9.1 to 1 |
| 31 | `#26bd5d` | `oklch(70.18% 0.1823 149.87)` | Vegan Mastermind | black, 8.5 to 1 |
| 32 | `#15b95d` | `oklch(68.90% 0.1805 151.08)` | Green Elliott | black, 8.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #11bfc5 0.0%, #00bfb0 3.2%, #21be8e 6.5%, #5db65a 9.7%, #92a600 12.9%, #b49200 16.1%, #cb7c00 19.4%, #e55a00 22.6%, #ee3944 25.8%, #e52971 29.0%, #d22493 32.3%, #ba27af 35.5%, #a02cc5 38.7%, #8334d5 41.9%, #653ee0 45.2%, #3d4de6 48.4%, #0067cb 51.6%, #007bb2 54.8%, #008dac 58.1%, #00a1ab 61.3%, #00b5a9 64.5%, #00c9a1 67.7%, #00da8c 71.0%, #43e271 74.2%, #69e262 77.4%, #74de5a 80.6%, #71d857 83.9%, #65d157 87.1%, #53ca59 90.3%, #3dc35b 93.5%, #26bd5d 96.8%, #15b95d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.23% 0.1226 198.98) 0.0%, oklch(72.42% 0.1277 184.93) 3.2%, oklch(71.34% 0.1419 165.82) 6.5%, oklch(70.06% 0.1553 143.03) 9.7%, oklch(68.64% 0.1597 117.98) 12.9%, oklch(67.13% 0.1373 92.05) 16.1%, oklch(65.59% 0.1453 66.66) 19.4%, oklch(64.07% 0.1890 43.22) 22.6%, oklch(62.62% 0.2166 23.06) 25.8%, oklch(60.77% 0.2219 4.95) 29.0%, oklch(58.54% 0.2255 347.94) 32.3%, oklch(56.20% 0.2277 331.78) 35.5%, oklch(54.02% 0.2288 316.23) 38.7%, oklch(52.27% 0.2289 301.05) 41.9%, oklch(51.23% 0.2285 285.99) 45.2%, oklch(51.16% 0.2278 270.81) 48.4%, oklch(52.41% 0.1734 255.14) 51.6%, oklch(55.35% 0.1232 238.26) 54.8%, oklch(59.54% 0.1090 220.74) 58.1%, oklch(64.47% 0.1098 203.29) 61.3%, oklch(69.58% 0.1217 186.65) 64.5%, oklch(74.36% 0.1449 171.53) 67.7%, oklch(78.26% 0.1810 158.67) 71.0%, oklch(80.76% 0.2033 148.78) 74.2%, oklch(81.52% 0.2002 142.52) 77.4%, oklch(80.93% 0.1970 139.74) 80.6%, oklch(79.36% 0.1936 139.63) 83.9%, oklch(77.15% 0.1904 141.39) 87.1%, oklch(74.65% 0.1873 144.22) 90.3%, oklch(72.21% 0.1846 147.31) 93.5%, oklch(70.18% 0.1823 149.87) 96.8%, oklch(68.90% 0.1805 151.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.123 | 199 |
| 2 | 0.63 | 0.215 | 27.8 |
| 3 | 0.516 | 0.227 | -96.9 |
| 4 | 0.811 | 0.203 | -213.1 |
| 5 | 0.689 | 0.181 | -208.9 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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