# Blue, black and green radial gradient

Blue, black and green radial gradient with 48 colors: #2ee7d6, #1dddd4, #01cfd1, #00becb, #00abc4, #1596b8, #2481aa, #2c6b98, #2f5785, #2e4470, #2a335c, #25254a, #1f1a3a, #19112e, #140b25, #110720, #0f071f, #100922, #120f29, #141734, #152240, #13304e, #0d415b, #015367, #006770, #067a77, #258d7a, #419d7a, #5bac78, #72b875, #83c272, #8cc970, #8ccf70, #81d374, #6ad67b, #3ad889, #00d49f, #00cbb1, #00c2bf, #00b8ca, #00add4, #00a1e1, #0091f9, #467fff, #656cff, #7b56ff, #8d3cff, #9b18fe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU1WaDlBJNWMyLNIaNOA`
- Page: https://grabient.com/kU1WaDlBJNWMyLNIaNOA?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.6 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 | `#2ee7d6` | `oklch(83.86% 0.1406 184.92)` | First Timer Green | black, 13.5 to 1 |
| 2 | `#1dddd4` | `oklch(81.17% 0.1369 189.50)` | Mint Morning | black, 12.3 to 1 |
| 3 | `#01cfd1` | `oklch(77.55% 0.1321 195.82)` | Jade Glass | black, 10.8 to 1 |
| 4 | `#00becb` | `oklch(73.15% 0.1246 203.57)` | Panorama Blue | black, 9.2 to 1 |
| 5 | `#00abc4` | `oklch(68.13% 0.1189 212.46)` | Sarah’s Garden | black, 7.6 to 1 |
| 6 | `#1596b8` | `oklch(62.64% 0.1120 222.17)` | Bondi Blue | black, 6.1 to 1 |
| 7 | `#2481aa` | `oklch(56.84% 0.1042 232.42)` | Blue Paisley | black, 4.7 to 1 |
| 8 | `#2c6b98` | `oklch(50.89% 0.0962 242.88)` | Blues | white, 5.7 to 1 |
| 9 | `#2f5785` | `oklch(44.93% 0.0882 253.28)` | Mordian Blue | white, 7.4 to 1 |
| 10 | `#2e4470` | `oklch(39.12% 0.0805 263.29)` | Blue Funk | white, 9.6 to 1 |
| 11 | `#2a335c` | `oklch(33.63% 0.0731 272.62)` | Quill Tip | white, 12 to 1 |
| 12 | `#25254a` | `oklch(28.59% 0.0664 280.96)` | Fainting Light | white, 14.5 to 1 |
| 13 | `#1f1a3a` | `oklch(24.17% 0.0605 288.02)` | Nightwalker | white, 16.5 to 1 |
| 14 | `#19112e` | `oklch(20.52% 0.0557 293.49)` | Midnight Monarch | white, 18.1 to 1 |
| 15 | `#140b25` | `oklch(17.80% 0.0521 297.06)` | Tristesse | white, 19 to 1 |
| 16 | `#110720` | `oklch(16.16% 0.0501 298.44)` | Election Night | white, 19.5 to 1 |
| 17 | `#0f071f` | `oklch(15.76% 0.0496 297.28)` | Election Night | white, 19.6 to 1 |
| 18 | `#100922` | `oklch(16.68% 0.0505 292.93)` | Tristesse | white, 19.3 to 1 |
| 19 | `#120f29` | `oklch(18.77% 0.0525 285.64)` | Corbeau | white, 18.6 to 1 |
| 20 | `#141734` | `oklch(21.88% 0.0555 275.87)` | Lost in Sadness | white, 17.4 to 1 |
| 21 | `#152240` | `oklch(25.83% 0.0593 264.09)` | Cool Balaclavas Are Forever | white, 15.6 to 1 |
| 22 | `#13304e` | `oklch(30.46% 0.0640 250.78)` | Crow Black Blue | white, 13.3 to 1 |
| 23 | `#0d415b` | `oklch(35.61% 0.0694 236.40)` | Neptune’s Wrath | white, 10.9 to 1 |
| 24 | `#015367` | `oklch(41.10% 0.0754 221.42)` | Plunge | white, 8.5 to 1 |
| 25 | `#006770` | `oklch(46.77% 0.0801 206.32)` | Trouser Blue | white, 6.6 to 1 |
| 26 | `#067a77` | `oklch(52.45% 0.0890 191.55)` | Surfie Green | white, 5.1 to 1 |
| 27 | `#258d7a` | `oklch(57.98% 0.0963 177.60)` | Porcelain Green | black, 5.1 to 1 |
| 28 | `#419d7a` | `oklch(63.18% 0.1040 164.93)` | Dancing Jewel | black, 6.3 to 1 |
| 29 | `#5bac78` | `oklch(67.90% 0.1118 154.01)` | Green Tea Candy | black, 7.6 to 1 |
| 30 | `#72b875` | `oklch(71.96% 0.1196 145.32)` | Green Galore | black, 8.8 to 1 |
| 31 | `#83c272` | `oklch(75.20% 0.1275 139.31)` | Laudable Lime | black, 9.9 to 1 |
| 32 | `#8cc970` | `oklch(77.45% 0.1352 136.47)` | Apple Orchard | black, 10.7 to 1 |
| 33 | `#8ccf70` | `oklch(78.66% 0.1431 137.13)` | Fluorescence | black, 11.2 to 1 |
| 34 | `#81d374` | `oklch(79.13% 0.1519 140.89)` | Green Lacewing | black, 11.4 to 1 |
| 35 | `#6ad67b` | `oklch(78.97% 0.1615 147.35)` | Electric Lettuce | black, 11.5 to 1 |
| 36 | `#3ad889` | `oklch(78.26% 0.1718 156.13)` | Envy’s Love | black, 11.3 to 1 |
| 37 | `#00d49f` | `oklch(77.09% 0.1583 166.84)` | Wild Caribbean Green | black, 10.8 to 1 |
| 38 | `#00cbb1` | `oklch(75.53% 0.1379 179.11)` | Mint Leaf | black, 10.2 to 1 |
| 39 | `#00c2bf` | `oklch(73.66% 0.1263 192.54)` | Cala Benirrás Blue | black, 9.4 to 1 |
| 40 | `#00b8ca` | `oklch(71.58% 0.1227 206.75)` | Utopia Beckons | black, 8.7 to 1 |
| 41 | `#00add4` | `oklch(69.35% 0.1275 221.35)` | Battery Charged Blue | black, 7.9 to 1 |
| 42 | `#00a1e1` | `oklch(67.06% 0.1442 235.96)` | Vanadyl Blue | black, 7.1 to 1 |
| 43 | `#0091f9` | `oklch(64.80% 0.1844 250.20)` | Clear Chill | black, 6.4 to 1 |
| 44 | `#467fff` | `oklch(62.64% 0.2005 263.65)` | C64 NTSC | black, 5.7 to 1 |
| 45 | `#656cff` | `oklch(60.67% 0.2149 275.98)` | Blue Genie | black, 5.1 to 1 |
| 46 | `#7b56ff` | `oklch(58.97% 0.2370 286.77)` | Venetian Nights | black, 4.6 to 1 |
| 47 | `#8d3cff` | `oklch(57.61% 0.2641 295.65)` | Sweet Escape | white, 4.9 to 1 |
| 48 | `#9b18fe` | `oklch(56.69% 0.2880 302.22)` | Vivid Violet | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2ee7d6 0.0%, #1dddd4 2.1%, #01cfd1 4.3%, #00becb 6.4%, #00abc4 8.5%, #1596b8 10.6%, #2481aa 12.8%, #2c6b98 14.9%, #2f5785 17.0%, #2e4470 19.1%, #2a335c 21.3%, #25254a 23.4%, #1f1a3a 25.5%, #19112e 27.7%, #140b25 29.8%, #110720 31.9%, #0f071f 34.0%, #100922 36.2%, #120f29 38.3%, #141734 40.4%, #152240 42.6%, #13304e 44.7%, #0d415b 46.8%, #015367 48.9%, #006770 51.1%, #067a77 53.2%, #258d7a 55.3%, #419d7a 57.4%, #5bac78 59.6%, #72b875 61.7%, #83c272 63.8%, #8cc970 66.0%, #8ccf70 68.1%, #81d374 70.2%, #6ad67b 72.3%, #3ad889 74.5%, #00d49f 76.6%, #00cbb1 78.7%, #00c2bf 80.9%, #00b8ca 83.0%, #00add4 85.1%, #00a1e1 87.2%, #0091f9 89.4%, #467fff 91.5%, #656cff 93.6%, #7b56ff 95.7%, #8d3cff 97.9%, #9b18fe 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.86% 0.1406 184.92) 0.0%, oklch(81.17% 0.1369 189.50) 2.1%, oklch(77.55% 0.1321 195.82) 4.3%, oklch(73.15% 0.1246 203.57) 6.4%, oklch(68.13% 0.1189 212.46) 8.5%, oklch(62.64% 0.1120 222.17) 10.6%, oklch(56.84% 0.1042 232.42) 12.8%, oklch(50.89% 0.0962 242.88) 14.9%, oklch(44.93% 0.0882 253.28) 17.0%, oklch(39.12% 0.0805 263.29) 19.1%, oklch(33.63% 0.0731 272.62) 21.3%, oklch(28.59% 0.0664 280.96) 23.4%, oklch(24.17% 0.0605 288.02) 25.5%, oklch(20.52% 0.0557 293.49) 27.7%, oklch(17.80% 0.0521 297.06) 29.8%, oklch(16.16% 0.0501 298.44) 31.9%, oklch(15.76% 0.0496 297.28) 34.0%, oklch(16.68% 0.0505 292.93) 36.2%, oklch(18.77% 0.0525 285.64) 38.3%, oklch(21.88% 0.0555 275.87) 40.4%, oklch(25.83% 0.0593 264.09) 42.6%, oklch(30.46% 0.0640 250.78) 44.7%, oklch(35.61% 0.0694 236.40) 46.8%, oklch(41.10% 0.0754 221.42) 48.9%, oklch(46.77% 0.0801 206.32) 51.1%, oklch(52.45% 0.0890 191.55) 53.2%, oklch(57.98% 0.0963 177.60) 55.3%, oklch(63.18% 0.1040 164.93) 57.4%, oklch(67.90% 0.1118 154.01) 59.6%, oklch(71.96% 0.1196 145.32) 61.7%, oklch(75.20% 0.1275 139.31) 63.8%, oklch(77.45% 0.1352 136.47) 66.0%, oklch(78.66% 0.1431 137.13) 68.1%, oklch(79.13% 0.1519 140.89) 70.2%, oklch(78.97% 0.1615 147.35) 72.3%, oklch(78.26% 0.1718 156.13) 74.5%, oklch(77.09% 0.1583 166.84) 76.6%, oklch(75.53% 0.1379 179.11) 78.7%, oklch(73.66% 0.1263 192.54) 80.9%, oklch(71.58% 0.1227 206.75) 83.0%, oklch(69.35% 0.1275 221.35) 85.1%, oklch(67.06% 0.1442 235.96) 87.2%, oklch(64.80% 0.1844 250.20) 89.4%, oklch(62.64% 0.2005 263.65) 91.5%, oklch(60.67% 0.2149 275.98) 93.6%, oklch(58.97% 0.2370 286.77) 95.7%, oklch(57.61% 0.2641 295.65) 97.9%, oklch(56.69% 0.2880 302.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.141 | 184.9 |
| 2 | 0.157 | 0.05 | 298 |
| 3 | 0.78 | 0.138 | 136.3 |
| 4 | 0.567 | 0.288 | 302.2 |

## Other forms

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