# Black, blue, teal and purple radial gradient

Black, blue, teal and purple radial gradient with 40 colors: #270d1a, #2b1222, #30192c, #352238, #392d45, #3e3953, #424660, #46546c, #4a6277, #506f7f, #577b86, #5e868b, #648f8e, #6a9590, #6d9a91, #6f9e91, #70a18f, #70a28d, #6ea38a, #6ba387, #67a383, #62a280, #5ba17e, #52a07d, #479e7d, #389d7f, #259c84, #00998a, #009492, #008e9a, #0088a4, #007fb0, #2d74b7, #4968b7, #5e5cb1, #6e50a6, #794697, #813d88, #873679, #8a306d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNCP50RGsk8nPo6s1Og`
- Page: https://grabient.com/kUNCP50RGsk8nPo6s1Og?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, 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 | `#270d1a` | `oklch(20.47% 0.0482 350.86)` | Inside | white, 18.1 to 1 |
| 2 | `#2b1222` | `oklch(22.51% 0.0481 343.21)` | Black Cherry | white, 17.3 to 1 |
| 3 | `#30192c` | `oklch(25.20% 0.0476 333.16)` | Nightly Voyager | white, 16.1 to 1 |
| 4 | `#352238` | `oklch(28.43% 0.0470 321.13)` | Fat Tuesday | white, 14.6 to 1 |
| 5 | `#392d45` | `oklch(32.08% 0.0463 307.55)` | Obsidian Lava Black | white, 12.8 to 1 |
| 6 | `#3e3953` | `oklch(36.02% 0.0455 292.86)` | Maharaja | white, 11 to 1 |
| 7 | `#424660` | `oklch(40.14% 0.0448 277.49)` | Darkest Navy | white, 9.2 to 1 |
| 8 | `#46546c` | `oklch(44.31% 0.0443 261.87)` | Inkjet | white, 7.6 to 1 |
| 9 | `#4a6277` | `oklch(48.42% 0.0439 246.43)` | Plum Blue | white, 6.3 to 1 |
| 10 | `#506f7f` | `oklch(52.34% 0.0439 231.61)` | Happy Days | white, 5.3 to 1 |
| 11 | `#577b86` | `oklch(55.96% 0.0442 217.83)` | St. Bart’s | white, 4.5 to 1 |
| 12 | `#5e868b` | `oklch(59.16% 0.0450 205.52)` | Arctic | black, 5.2 to 1 |
| 13 | `#648f8e` | `oklch(61.80% 0.0463 195.12)` | Tranquil Seashore | black, 5.8 to 1 |
| 14 | `#6a9590` | `oklch(63.78% 0.0482 187.06)` | Green Turquoise | black, 6.3 to 1 |
| 15 | `#6d9a91` | `oklch(65.17% 0.0509 180.69)` | Little League | black, 6.7 to 1 |
| 16 | `#6f9e91` | `oklch(66.15% 0.0543 175.11)` | Greyish Teal | black, 6.9 to 1 |
| 17 | `#70a18f` | `oklch(66.78% 0.0584 170.33)` | Mizuasagi Green | black, 7.1 to 1 |
| 18 | `#70a28d` | `oklch(67.08% 0.0629 166.41)` | Quilotoa Green | black, 7.2 to 1 |
| 19 | `#6ea38a` | `oklch(67.11% 0.0679 163.38)` | Quilotoa Green | black, 7.2 to 1 |
| 20 | `#6ba387` | `oklch(66.89% 0.0731 161.27)` | Sea Lettuce | black, 7.2 to 1 |
| 21 | `#67a383` | `oklch(66.48% 0.0785 160.13)` | Plumosa | black, 7.1 to 1 |
| 22 | `#62a280` | `oklch(65.91% 0.0839 159.98)` | Plumosa | black, 6.9 to 1 |
| 23 | `#5ba17e` | `oklch(65.23% 0.0892 160.86)` | Green Spruce | black, 6.8 to 1 |
| 24 | `#52a07d` | `oklch(64.48% 0.0944 162.81)` | Advertising Green | black, 6.6 to 1 |
| 25 | `#479e7d` | `oklch(63.70% 0.0992 165.87)` | Natural Orchestra | black, 6.4 to 1 |
| 26 | `#389d7f` | `oklch(62.93% 0.1036 170.06)` | Green Jelly | black, 6.2 to 1 |
| 27 | `#259c84` | `oklch(62.20% 0.1075 175.44)` | Green Jelly | black, 6.1 to 1 |
| 28 | `#00998a` | `oklch(61.40% 0.1094 182.88)` | Plumage | black, 5.9 to 1 |
| 29 | `#009492` | `oklch(60.36% 0.1034 192.96)` | Paradise Landscape | black, 5.6 to 1 |
| 30 | `#008e9a` | `oklch(59.15% 0.1010 205.20)` | Coral Coast | black, 5.3 to 1 |
| 31 | `#0088a4` | `oklch(57.79% 0.1046 219.13)` | Gogo Blue | black, 5 to 1 |
| 32 | `#007fb0` | `oklch(56.33% 0.1183 234.27)` | Capstan | black, 4.6 to 1 |
| 33 | `#2d74b7` | `oklch(54.80% 0.1264 250.13)` | Campanula | white, 4.8 to 1 |
| 34 | `#4968b7` | `oklch(53.27% 0.1290 266.27)` | Azraq Blue | white, 5.3 to 1 |
| 35 | `#5e5cb1` | `oklch(51.76% 0.1314 282.22)` | Yuè Guāng Lán Moonlight | white, 5.7 to 1 |
| 36 | `#6e50a6` | `oklch(50.32% 0.1337 297.49)` | Studio | white, 6.2 to 1 |
| 37 | `#794697` | `oklch(48.98% 0.1357 311.62)` | Purple Pleasures | white, 6.7 to 1 |
| 38 | `#813d88` | `oklch(47.80% 0.1375 324.13)` | Violet Webcap | white, 7.1 to 1 |
| 39 | `#873679` | `oklch(46.82% 0.1392 334.55)` | Violet Vixen | white, 7.4 to 1 |
| 40 | `#8a306d` | `oklch(46.06% 0.1406 342.41)` | Beetiful Magenta | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #270d1a 0.0%, #2b1222 2.6%, #30192c 5.1%, #352238 7.7%, #392d45 10.3%, #3e3953 12.8%, #424660 15.4%, #46546c 17.9%, #4a6277 20.5%, #506f7f 23.1%, #577b86 25.6%, #5e868b 28.2%, #648f8e 30.8%, #6a9590 33.3%, #6d9a91 35.9%, #6f9e91 38.5%, #70a18f 41.0%, #70a28d 43.6%, #6ea38a 46.2%, #6ba387 48.7%, #67a383 51.3%, #62a280 53.8%, #5ba17e 56.4%, #52a07d 59.0%, #479e7d 61.5%, #389d7f 64.1%, #259c84 66.7%, #00998a 69.2%, #009492 71.8%, #008e9a 74.4%, #0088a4 76.9%, #007fb0 79.5%, #2d74b7 82.1%, #4968b7 84.6%, #5e5cb1 87.2%, #6e50a6 89.7%, #794697 92.3%, #813d88 94.9%, #873679 97.4%, #8a306d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0482 350.86) 0.0%, oklch(22.51% 0.0481 343.21) 2.6%, oklch(25.20% 0.0476 333.16) 5.1%, oklch(28.43% 0.0470 321.13) 7.7%, oklch(32.08% 0.0463 307.55) 10.3%, oklch(36.02% 0.0455 292.86) 12.8%, oklch(40.14% 0.0448 277.49) 15.4%, oklch(44.31% 0.0443 261.87) 17.9%, oklch(48.42% 0.0439 246.43) 20.5%, oklch(52.34% 0.0439 231.61) 23.1%, oklch(55.96% 0.0442 217.83) 25.6%, oklch(59.16% 0.0450 205.52) 28.2%, oklch(61.80% 0.0463 195.12) 30.8%, oklch(63.78% 0.0482 187.06) 33.3%, oklch(65.17% 0.0509 180.69) 35.9%, oklch(66.15% 0.0543 175.11) 38.5%, oklch(66.78% 0.0584 170.33) 41.0%, oklch(67.08% 0.0629 166.41) 43.6%, oklch(67.11% 0.0679 163.38) 46.2%, oklch(66.89% 0.0731 161.27) 48.7%, oklch(66.48% 0.0785 160.13) 51.3%, oklch(65.91% 0.0839 159.98) 53.8%, oklch(65.23% 0.0892 160.86) 56.4%, oklch(64.48% 0.0944 162.81) 59.0%, oklch(63.70% 0.0992 165.87) 61.5%, oklch(62.93% 0.1036 170.06) 64.1%, oklch(62.20% 0.1075 175.44) 66.7%, oklch(61.40% 0.1094 182.88) 69.2%, oklch(60.36% 0.1034 192.96) 71.8%, oklch(59.15% 0.1010 205.20) 74.4%, oklch(57.79% 0.1046 219.13) 76.9%, oklch(56.33% 0.1183 234.27) 79.5%, oklch(54.80% 0.1264 250.13) 82.1%, oklch(53.27% 0.1290 266.27) 84.6%, oklch(51.76% 0.1314 282.22) 87.2%, oklch(50.32% 0.1337 297.49) 89.7%, oklch(48.98% 0.1357 311.62) 92.3%, oklch(47.80% 0.1375 324.13) 94.9%, oklch(46.82% 0.1392 334.55) 97.4%, oklch(46.06% 0.1406 342.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.048 | 350.9 |
| 2 | 0.638 | 0.048 | 187.1 |
| 3 | 0.622 | 0.107 | 175.4 |
| 4 | 0.461 | 0.141 | 342.4 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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