# Teal deep blue deep plum rings

Light blue, blue, teal and purple radial gradient with 40 colors: #6ebecb, #64b9ca, #58b1c9, #4aa8c8, #3d9cc7, #3490c5, #3081c3, #3272bf, #3763ba, #3c54b3, #4046ac, #4239a4, #412f9d, #402897, #3c2592, #36268f, #2d2a8c, #222f88, #133583, #003c7c, #004170, #004569, #004865, #004a62, #004b60, #004c5f, #004c5f, #034b60, #064962, #0a4665, #124369, #1c3e6c, #26396f, #303370, #3a2c6f, #43256c, #4a1d67, #511661, #550e5a, #590755. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, blue, teal and purple radial gradient
- Seed: `kUwDuUsL3I7EaOIps0yg`
- Page: https://grabient.com/kUwDuUsL3I7EaOIps0yg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light to dark, vivid, dark, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#6ebecb` | `oklch(75.59% 0.0813 208.83)` | Luna Moona | black, 9.9 to 1 |
| 2 | `#64b9ca` | `oklch(73.84% 0.0857 212.57)` | Delusional Dragonfly | black, 9.3 to 1 |
| 3 | `#58b1c9` | `oklch(71.52% 0.0919 217.73)` | Gondolier | black, 8.5 to 1 |
| 4 | `#4aa8c8` | `oklch(68.74% 0.0994 224.03)` | Dragonfly Blue | black, 7.7 to 1 |
| 5 | `#3d9cc7` | `oklch(65.60% 0.1080 231.17)` | Norse Blue | black, 6.8 to 1 |
| 6 | `#3490c5` | `oklch(62.21% 0.1173 238.85)` | Porpita Porpita | black, 5.9 to 1 |
| 7 | `#3081c3` | `oklch(58.66% 0.1268 246.79)` | Eye Blue | black, 5 to 1 |
| 8 | `#3272bf` | `oklch(55.07% 0.1362 254.70)` | Palace Blue | white, 4.8 to 1 |
| 9 | `#3763ba` | `oklch(51.52% 0.1451 262.27)` | Blue Streak | white, 5.7 to 1 |
| 10 | `#3c54b3` | `oklch(48.14% 0.1532 269.22)` | Blasphemous Blue | white, 6.7 to 1 |
| 11 | `#4046ac` | `oklch(45.01% 0.1600 275.25)` | Megadrive Screen | white, 7.8 to 1 |
| 12 | `#4239a4` | `oklch(42.24% 0.1653 280.07)` | Purple Cabbage | white, 8.9 to 1 |
| 13 | `#412f9d` | `oklch(39.93% 0.1686 283.39)` | Galactic Purple | white, 9.9 to 1 |
| 14 | `#402897` | `oklch(38.19% 0.1695 284.91)` | Galactic Purple | white, 10.6 to 1 |
| 15 | `#3c2592` | `oklch(37.00% 0.1676 284.19)` | Gentian Blue | white, 11.2 to 1 |
| 16 | `#36268f` | `oklch(36.23% 0.1630 281.24)` | Gentian Blue | white, 11.4 to 1 |
| 17 | `#2d2a8c` | `oklch(35.83% 0.1562 276.49)` | Cosmic Cobalt | white, 11.5 to 1 |
| 18 | `#222f88` | `oklch(35.73% 0.1476 270.36)` | Intergalactic Highway | white, 11.4 to 1 |
| 19 | `#133583` | `oklch(35.87% 0.1378 263.27)` | Bavarian Blue | white, 11.2 to 1 |
| 20 | `#003c7c` | `oklch(36.21% 0.1223 255.70)` | Azure Dragon | white, 10.9 to 1 |
| 21 | `#004170` | `oklch(36.66% 0.0986 247.96)` | Indigo Dye | white, 10.5 to 1 |
| 22 | `#004569` | `oklch(37.18% 0.0859 240.52)` | Lush Aqua | white, 10.2 to 1 |
| 23 | `#004865` | `oklch(37.69% 0.0787 233.80)` | Stegadon Scale Green | white, 9.9 to 1 |
| 24 | `#004a62` | `oklch(38.15% 0.0746 228.23)` | Stegadon Scale Green | white, 9.7 to 1 |
| 25 | `#004b60` | `oklch(38.50% 0.0724 224.22)` | Lazurite Blue | white, 9.6 to 1 |
| 26 | `#004c5f` | `oklch(38.66% 0.0716 222.21)` | Teal Dark Blue | white, 9.5 to 1 |
| 27 | `#004c5f` | `oklch(38.58% 0.0716 222.58)` | Teal Dark Blue | white, 9.5 to 1 |
| 28 | `#034b60` | `oklch(38.32% 0.0717 225.58)` | Lazurite Blue | white, 9.6 to 1 |
| 29 | `#064962` | `oklch(37.96% 0.0738 230.86)` | Stegadon Scale Green | white, 9.8 to 1 |
| 30 | `#0a4665` | `oklch(37.53% 0.0776 238.03)` | Forest Blues | white, 10 to 1 |
| 31 | `#124369` | `oklch(37.04% 0.0828 246.72)` | Blue Opal | white, 10.3 to 1 |
| 32 | `#1c3e6c` | `oklch(36.50% 0.0891 256.54)` | Limoges | white, 10.6 to 1 |
| 33 | `#26396f` | `oklch(35.94% 0.0962 267.11)` | Blue Expanse | white, 11 to 1 |
| 34 | `#303370` | `oklch(35.37% 0.1038 278.06)` | Ballpoint Indigo | white, 11.4 to 1 |
| 35 | `#3a2c6f` | `oklch(34.81% 0.1115 289.00)` | Her Highness | white, 11.8 to 1 |
| 36 | `#43256c` | `oklch(34.27% 0.1190 299.56)` | Fading Horizon | white, 12.2 to 1 |
| 37 | `#4a1d67` | `oklch(33.77% 0.1259 309.35)` | Fading Horizon | white, 12.5 to 1 |
| 38 | `#511661` | `oklch(33.32% 0.1321 318.00)` | Cosmic Explorer | white, 12.8 to 1 |
| 39 | `#550e5a` | `oklch(32.96% 0.1371 325.13)` | Cosmic Explorer | white, 13 to 1 |
| 40 | `#590755` | `oklch(32.68% 0.1406 330.35)` | Cosmic Explorer | white, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6ebecb 0.0%, #64b9ca 2.6%, #58b1c9 5.1%, #4aa8c8 7.7%, #3d9cc7 10.3%, #3490c5 12.8%, #3081c3 15.4%, #3272bf 17.9%, #3763ba 20.5%, #3c54b3 23.1%, #4046ac 25.6%, #4239a4 28.2%, #412f9d 30.8%, #402897 33.3%, #3c2592 35.9%, #36268f 38.5%, #2d2a8c 41.0%, #222f88 43.6%, #133583 46.2%, #003c7c 48.7%, #004170 51.3%, #004569 53.8%, #004865 56.4%, #004a62 59.0%, #004b60 61.5%, #004c5f 64.1%, #004c5f 66.7%, #034b60 69.2%, #064962 71.8%, #0a4665 74.4%, #124369 76.9%, #1c3e6c 79.5%, #26396f 82.1%, #303370 84.6%, #3a2c6f 87.2%, #43256c 89.7%, #4a1d67 92.3%, #511661 94.9%, #550e5a 97.4%, #590755 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.59% 0.0813 208.83) 0.0%, oklch(73.84% 0.0857 212.57) 2.6%, oklch(71.52% 0.0919 217.73) 5.1%, oklch(68.74% 0.0994 224.03) 7.7%, oklch(65.60% 0.1080 231.17) 10.3%, oklch(62.21% 0.1173 238.85) 12.8%, oklch(58.66% 0.1268 246.79) 15.4%, oklch(55.07% 0.1362 254.70) 17.9%, oklch(51.52% 0.1451 262.27) 20.5%, oklch(48.14% 0.1532 269.22) 23.1%, oklch(45.01% 0.1600 275.25) 25.6%, oklch(42.24% 0.1653 280.07) 28.2%, oklch(39.93% 0.1686 283.39) 30.8%, oklch(38.19% 0.1695 284.91) 33.3%, oklch(37.00% 0.1676 284.19) 35.9%, oklch(36.23% 0.1630 281.24) 38.5%, oklch(35.83% 0.1562 276.49) 41.0%, oklch(35.73% 0.1476 270.36) 43.6%, oklch(35.87% 0.1378 263.27) 46.2%, oklch(36.21% 0.1223 255.70) 48.7%, oklch(36.66% 0.0986 247.96) 51.3%, oklch(37.18% 0.0859 240.52) 53.8%, oklch(37.69% 0.0787 233.80) 56.4%, oklch(38.15% 0.0746 228.23) 59.0%, oklch(38.50% 0.0724 224.22) 61.5%, oklch(38.66% 0.0716 222.21) 64.1%, oklch(38.58% 0.0716 222.58) 66.7%, oklch(38.32% 0.0717 225.58) 69.2%, oklch(37.96% 0.0738 230.86) 71.8%, oklch(37.53% 0.0776 238.03) 74.4%, oklch(37.04% 0.0828 246.72) 76.9%, oklch(36.50% 0.0891 256.54) 79.5%, oklch(35.94% 0.0962 267.11) 82.1%, oklch(35.37% 0.1038 278.06) 84.6%, oklch(34.81% 0.1115 289.00) 87.2%, oklch(34.27% 0.1190 299.56) 89.7%, oklch(33.77% 0.1259 309.35) 92.3%, oklch(33.32% 0.1321 318.00) 94.9%, oklch(32.96% 0.1371 325.13) 97.4%, oklch(32.68% 0.1406 330.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.081 | 208.8 |
| 2 | 0.382 | 0.169 | 284.9 |
| 3 | 0.386 | 0.072 | 222.6 |
| 4 | 0.327 | 0.141 | 330.4 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)

## Other forms

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