# Black, teal, green and purple radial gradient

Black, teal, green and purple radial gradient with 32 colors: #061d20, #072428, #073034, #073e42, #054e52, #006063, #007274, #008584, #009791, #00a79a, #00b59d, #20be9a, #3ec592, #5ac986, #75ca77, #8ec965, #a6c551, #bcbf3c, #cfb729, #dfad19, #eba217, #f59623, #fc8835, #fe774a, #fa6660, #f25577, #e4488c, #d23da0, #bf36b1, #ab31bf, #992dc9, #8a2bd1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNhWT2S88WC6MxCVTFg`
- Page: https://grabient.com/kUNhWT2S88WC6MxCVTFg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.9 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 | `#061d20` | `oklch(21.26% 0.0289 207.42)` | Black Stallion | white, 17.4 to 1 |
| 2 | `#072428` | `oklch(24.24% 0.0350 206.00)` | Teal Spill | white, 16.1 to 1 |
| 3 | `#073034` | `oklch(28.28% 0.0431 204.60)` | Roof Tile Green | white, 14.2 to 1 |
| 4 | `#073e42` | `oklch(33.15% 0.0529 203.10)` | Ghostlands Coal | white, 11.8 to 1 |
| 5 | `#054e52` | `oklch(38.58% 0.0638 201.38)` | Transporter Green | white, 9.4 to 1 |
| 6 | `#006063` | `oklch(44.33% 0.0754 199.29)` | Beau Vert | white, 7.3 to 1 |
| 7 | `#007274` | `oklch(50.15% 0.0854 196.72)` | Scaly Green | white, 5.7 to 1 |
| 8 | `#008584` | `oklch(55.79% 0.0954 193.53)` | Green Lapis | black, 4.6 to 1 |
| 9 | `#009791` | `oklch(61.00% 0.1055 189.59)` | Columbia | black, 5.8 to 1 |
| 10 | `#00a79a` | `oklch(65.53% 0.1156 184.78)` | Tropical Sea | black, 7 to 1 |
| 11 | `#00b59d` | `oklch(69.13% 0.1263 178.96)` | Aare River | black, 8 to 1 |
| 12 | `#20be9a` | `oklch(71.73% 0.1334 171.99)` | First Post | black, 8.9 to 1 |
| 13 | `#3ec592` | `oklch(73.79% 0.1379 163.81)` | Macau | black, 9.6 to 1 |
| 14 | `#5ac986` | `oklch(75.39% 0.1413 154.58)` | Enamelled Dragon | black, 10.1 to 1 |
| 15 | `#75ca77` | `oklch(76.56% 0.1437 144.49)` | Snow Pea | black, 10.5 to 1 |
| 16 | `#8ec965` | `oklch(77.33% 0.1455 133.70)` | Apple Orchard | black, 10.7 to 1 |
| 17 | `#a6c551` | `oklch(77.75% 0.1471 122.39)` | Sweet Midori | black, 10.7 to 1 |
| 18 | `#bcbf3c` | `oklch(77.84% 0.1487 110.74)` | Enigma | black, 10.6 to 1 |
| 19 | `#cfb729` | `oklch(77.65% 0.1506 98.93)` | Yellowstone | black, 10.4 to 1 |
| 20 | `#dfad19` | `oklch(77.20% 0.1532 87.12)` | Deadly Mustard | black, 10.1 to 1 |
| 21 | `#eba217` | `oklch(76.53% 0.1568 75.49)` | Orange Sulphur | black, 9.7 to 1 |
| 22 | `#f59623` | `oklch(75.65% 0.1616 64.12)` | Miami Marmalade | black, 9.3 to 1 |
| 23 | `#fc8835` | `oklch(74.18% 0.1678 51.90)` | Wildfire | black, 8.6 to 1 |
| 24 | `#fe774a` | `oklch(72.11% 0.1751 38.76)` | Precious Persimmon | black, 7.9 to 1 |
| 25 | `#fa6660` | `oklch(69.61% 0.1832 25.08)` | Pineapple Salmon | black, 7.1 to 1 |
| 26 | `#f25577` | `oklch(66.80% 0.1917 11.24)` | Lick and Kiss | black, 6.3 to 1 |
| 27 | `#e4488c` | `oklch(63.85% 0.2004 357.59)` | Christmas Pink | black, 5.5 to 1 |
| 28 | `#d23da0` | `oklch(60.89% 0.2088 344.52)` | Lustful Wishes | black, 4.9 to 1 |
| 29 | `#bf36b1` | `oklch(58.08% 0.2168 332.39)` | Pink Perennial | white, 4.8 to 1 |
| 30 | `#ab31bf` | `oklch(55.56% 0.2239 321.57)` | Magentleman | white, 5.3 to 1 |
| 31 | `#992dc9` | `oklch(53.47% 0.2298 312.43)` | Purple Vanity | white, 5.8 to 1 |
| 32 | `#8a2bd1` | `oklch(51.97% 0.2343 305.35)` | Lilac Spring | white, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #061d20 0.0%, #072428 3.2%, #073034 6.5%, #073e42 9.7%, #054e52 12.9%, #006063 16.1%, #007274 19.4%, #008584 22.6%, #009791 25.8%, #00a79a 29.0%, #00b59d 32.3%, #20be9a 35.5%, #3ec592 38.7%, #5ac986 41.9%, #75ca77 45.2%, #8ec965 48.4%, #a6c551 51.6%, #bcbf3c 54.8%, #cfb729 58.1%, #dfad19 61.3%, #eba217 64.5%, #f59623 67.7%, #fc8835 71.0%, #fe774a 74.2%, #fa6660 77.4%, #f25577 80.6%, #e4488c 83.9%, #d23da0 87.1%, #bf36b1 90.3%, #ab31bf 93.5%, #992dc9 96.8%, #8a2bd1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0289 207.42) 0.0%, oklch(24.24% 0.0350 206.00) 3.2%, oklch(28.28% 0.0431 204.60) 6.5%, oklch(33.15% 0.0529 203.10) 9.7%, oklch(38.58% 0.0638 201.38) 12.9%, oklch(44.33% 0.0754 199.29) 16.1%, oklch(50.15% 0.0854 196.72) 19.4%, oklch(55.79% 0.0954 193.53) 22.6%, oklch(61.00% 0.1055 189.59) 25.8%, oklch(65.53% 0.1156 184.78) 29.0%, oklch(69.13% 0.1263 178.96) 32.3%, oklch(71.73% 0.1334 171.99) 35.5%, oklch(73.79% 0.1379 163.81) 38.7%, oklch(75.39% 0.1413 154.58) 41.9%, oklch(76.56% 0.1437 144.49) 45.2%, oklch(77.33% 0.1455 133.70) 48.4%, oklch(77.75% 0.1471 122.39) 51.6%, oklch(77.84% 0.1487 110.74) 54.8%, oklch(77.65% 0.1506 98.93) 58.1%, oklch(77.20% 0.1532 87.12) 61.3%, oklch(76.53% 0.1568 75.49) 64.5%, oklch(75.65% 0.1616 64.12) 67.7%, oklch(74.18% 0.1678 51.90) 71.0%, oklch(72.11% 0.1751 38.76) 74.2%, oklch(69.61% 0.1832 25.08) 77.4%, oklch(66.80% 0.1917 11.24) 80.6%, oklch(63.85% 0.2004 357.59) 83.9%, oklch(60.89% 0.2088 344.52) 87.1%, oklch(58.08% 0.2168 332.39) 90.3%, oklch(55.56% 0.2239 321.57) 93.5%, oklch(53.47% 0.2298 312.43) 96.8%, oklch(51.97% 0.2343 305.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.029 | 207.4 |
| 2 | 0.701 | 0.13 | 176.8 |
| 3 | 0.76 | 0.16 | 67.9 |
| 4 | 0.52 | 0.234 | -54.7 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)

## Other forms

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