# Black, teal, green and orange radial gradient

Black, teal, green and orange radial gradient with 32 colors: #061d20, #08282b, #0a383b, #0d4d4f, #0e6564, #0f7e78, #0f968a, #0cac97, #01bc9e, #00c8a0, #00d1a0, #00d89c, #00dc94, #00e087, #00e371, #3ae455, #68e131, #92da00, #b2d000, #c7c600, #d7bb00, #e3b100, #eca600, #f29d18, #f49428, #f58a2d, #f57f2f, #f5732f, #f46730, #f25c31, #f15134, #f04a38. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWNhWT2S88WbUO9gujc0cq7Y`
- Page: https://grabient.com/kWNhWT2S88WbUO9gujc0cq7Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.3 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 | `#08282b` | `oklch(25.45% 0.0370 205.00)` | Black Box | white, 15.6 to 1 |
| 3 | `#0a383b` | `oklch(31.33% 0.0477 201.79)` | Customs Green | white, 12.7 to 1 |
| 4 | `#0d4d4f` | `oklch(38.36% 0.0605 197.98)` | Port Malmesbury | white, 9.5 to 1 |
| 5 | `#0e6564` | `oklch(45.97% 0.0747 193.73)` | Barbados Bay | white, 6.8 to 1 |
| 6 | `#0f7e78` | `oklch(53.59% 0.0896 189.21)` | Coelia Greenshade | white, 4.9 to 1 |
| 7 | `#0f968a` | `oklch(60.68% 0.1047 184.59)` | Lights at Sea | black, 5.7 to 1 |
| 8 | `#0cac97` | `oklch(66.66% 0.1193 180.04)` | Pool Green | black, 7.3 to 1 |
| 9 | `#01bc9e` | `oklch(71.01% 0.1329 175.73)` | Aare River | black, 8.6 to 1 |
| 10 | `#00c8a0` | `oklch(74.13% 0.1440 171.81)` | Jadeite | black, 9.7 to 1 |
| 11 | `#00d1a0` | `oklch(76.42% 0.1545 168.13)` | Wild Caribbean Green | black, 10.6 to 1 |
| 12 | `#00d89c` | `oklch(78.02% 0.1653 164.44)` | Reptile Green | black, 11.2 to 1 |
| 13 | `#00dc94` | `oklch(79.09% 0.1774 160.54)` | Reptile Green | black, 11.7 to 1 |
| 14 | `#00e087` | `oklch(79.76% 0.1928 156.19)` | Shivering Green | black, 12 to 1 |
| 15 | `#00e371` | `oklch(80.20% 0.2149 151.17)` | Limonana | black, 12.2 to 1 |
| 16 | `#3ae455` | `oklch(80.53% 0.2298 145.27)` | Toxic Slime | black, 12.3 to 1 |
| 17 | `#68e131` | `oklch(80.85% 0.2315 138.16)` | Toxic Green | black, 12.4 to 1 |
| 18 | `#92da00` | `oklch(80.87% 0.2161 129.51)` | Opulent Lime | black, 12.2 to 1 |
| 19 | `#b2d000` | `oklch(80.57% 0.1906 119.67)` | Lime Rasp | black, 11.8 to 1 |
| 20 | `#c7c600` | `oklch(80.01% 0.1737 109.14)` | Dirty Yellow | black, 11.4 to 1 |
| 21 | `#d7bb00` | `oklch(79.25% 0.1640 98.40)` | Groovy Lemon Pie | black, 11 to 1 |
| 22 | `#e3b100` | `oklch(78.33% 0.1601 87.94)` | Golden Frame | black, 10.5 to 1 |
| 23 | `#eca600` | `oklch(77.32% 0.1610 78.24)` | Illuminate Me | black, 10 to 1 |
| 24 | `#f29d18` | `oklch(76.25% 0.1605 69.79)` | DodgeRoll Gold | black, 9.5 to 1 |
| 25 | `#f49428` | `oklch(75.07% 0.1598 62.67)` | Pesto Calabrese | black, 9.1 to 1 |
| 26 | `#f58a2d` | `oklch(73.56% 0.1631 56.16)` | Peril’s Flames | black, 8.5 to 1 |
| 27 | `#f57f2f` | `oklch(71.84% 0.1692 50.23)` | Ornery Tangerine | black, 7.9 to 1 |
| 28 | `#f5732f` | `oklch(70.01% 0.1770 44.91)` | Persimmon Orange | black, 7.3 to 1 |
| 29 | `#f46730` | `oklch(68.21% 0.1856 40.20)` | Basketball | black, 6.8 to 1 |
| 30 | `#f25c31` | `oklch(66.56% 0.1939 36.12)` | Hot Embers | black, 6.3 to 1 |
| 31 | `#f15134` | `oklch(65.17% 0.2008 32.67)` | Benihi Red | black, 5.9 to 1 |
| 32 | `#f04a38` | `oklch(64.17% 0.2053 29.89)` | Vermilion Bird | black, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #061d20 0.0%, #08282b 3.2%, #0a383b 6.5%, #0d4d4f 9.7%, #0e6564 12.9%, #0f7e78 16.1%, #0f968a 19.4%, #0cac97 22.6%, #01bc9e 25.8%, #00c8a0 29.0%, #00d1a0 32.3%, #00d89c 35.5%, #00dc94 38.7%, #00e087 41.9%, #00e371 45.2%, #3ae455 48.4%, #68e131 51.6%, #92da00 54.8%, #b2d000 58.1%, #c7c600 61.3%, #d7bb00 64.5%, #e3b100 67.7%, #eca600 71.0%, #f29d18 74.2%, #f49428 77.4%, #f58a2d 80.6%, #f57f2f 83.9%, #f5732f 87.1%, #f46730 90.3%, #f25c31 93.5%, #f15134 96.8%, #f04a38 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0289 207.42) 0.0%, oklch(25.45% 0.0370 205.00) 3.2%, oklch(31.33% 0.0477 201.79) 6.5%, oklch(38.36% 0.0605 197.98) 9.7%, oklch(45.97% 0.0747 193.73) 12.9%, oklch(53.59% 0.0896 189.21) 16.1%, oklch(60.68% 0.1047 184.59) 19.4%, oklch(66.66% 0.1193 180.04) 22.6%, oklch(71.01% 0.1329 175.73) 25.8%, oklch(74.13% 0.1440 171.81) 29.0%, oklch(76.42% 0.1545 168.13) 32.3%, oklch(78.02% 0.1653 164.44) 35.5%, oklch(79.09% 0.1774 160.54) 38.7%, oklch(79.76% 0.1928 156.19) 41.9%, oklch(80.20% 0.2149 151.17) 45.2%, oklch(80.53% 0.2298 145.27) 48.4%, oklch(80.85% 0.2315 138.16) 51.6%, oklch(80.87% 0.2161 129.51) 54.8%, oklch(80.57% 0.1906 119.67) 58.1%, oklch(80.01% 0.1737 109.14) 61.3%, oklch(79.25% 0.1640 98.40) 64.5%, oklch(78.33% 0.1601 87.94) 67.7%, oklch(77.32% 0.1610 78.24) 71.0%, oklch(76.25% 0.1605 69.79) 74.2%, oklch(75.07% 0.1598 62.67) 77.4%, oklch(73.56% 0.1631 56.16) 80.6%, oklch(71.84% 0.1692 50.23) 83.9%, oklch(70.01% 0.1770 44.91) 87.1%, oklch(68.21% 0.1856 40.20) 90.3%, oklch(66.56% 0.1939 36.12) 93.5%, oklch(65.17% 0.2008 32.67) 96.8%, oklch(64.17% 0.2053 29.89) 100.0%);
```

## Keyframes

5 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.807 | 0.231 | 141.9 |
| 4 | 0.76 | 0.16 | 67.9 |
| 5 | 0.642 | 0.205 | 29.9 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)
- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)

## Other forms

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