# Glowing potion teal

Analogous light blue, teal and black radial gradient with 32 colors: #c0ebcd, #b8e8c8, #ade4c2, #a0dfbb, #90dab5, #7fd4ae, #6ccea8, #59c8a2, #48c19d, #35bb99, #1eb394, #00ab90, #00a28b, #009a86, #009181, #00887b, #008076, #007770, #006f6a, #006663, #005e5d, #005657, #004f50, #00484a, #004144, #003a3e, #003337, #002d31, #00272b, #002226, #001e22, #001a1f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous light blue, teal and black radial gradient
- Seed: `kW5SxuXivBsYrwatnUGmY7BA`
- Page: https://grabient.com/kW5SxuXivBsYrwatnUGmY7BA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#c0ebcd` | `oklch(90.16% 0.0606 154.69)` | Lost Lace | black, 16 to 1 |
| 2 | `#b8e8c8` | `oklch(88.88% 0.0658 155.87)` | Canton Jade | black, 15.4 to 1 |
| 3 | `#ade4c2` | `oklch(87.21% 0.0732 157.45)` | Coastal Foam | black, 14.6 to 1 |
| 4 | `#a0dfbb` | `oklch(85.21% 0.0820 159.34)` | Bright Sea Green | black, 13.8 to 1 |
| 5 | `#90dab5` | `oklch(82.98% 0.0915 161.43)` | Āsmānī Sky | black, 12.8 to 1 |
| 6 | `#7fd4ae` | `oklch(80.60% 0.1008 163.63)` | Pharaoh’s Jade | black, 11.9 to 1 |
| 7 | `#6ccea8` | `oklch(78.17% 0.1093 165.85)` | Aquarium Blue | black, 11 to 1 |
| 8 | `#59c8a2` | `oklch(75.75% 0.1162 167.99)` | Mermaid’s Kiss | black, 10.2 to 1 |
| 9 | `#48c19d` | `oklch(73.45% 0.1208 169.96)` | New Meadow | black, 9.4 to 1 |
| 10 | `#35bb99` | `oklch(71.13% 0.1237 171.87)` | First Post | black, 8.6 to 1 |
| 11 | `#1eb394` | `oklch(68.74% 0.1254 173.78)` | Aloha | black, 7.9 to 1 |
| 12 | `#00ab90` | `oklch(66.31% 0.1243 175.68)` | Shindig | black, 7.2 to 1 |
| 13 | `#00a28b` | `oklch(63.84% 0.1178 177.59)` | Turquish | black, 6.5 to 1 |
| 14 | `#009a86` | `oklch(61.34% 0.1117 179.50)` | Flamboyant Teal | black, 5.9 to 1 |
| 15 | `#009181` | `oklch(58.84% 0.1058 181.41)` | Silk Sari | black, 5.3 to 1 |
| 16 | `#00887b` | `oklch(56.36% 0.1002 183.32)` | Mystic Turquoise | black, 4.8 to 1 |
| 17 | `#008076` | `oklch(53.88% 0.0948 185.24)` | Green Garlands | white, 4.8 to 1 |
| 18 | `#007770` | `oklch(51.36% 0.0896 187.22)` | Mermaid Harbour | white, 5.4 to 1 |
| 19 | `#006f6a` | `oklch(48.80% 0.0845 189.23)` | Tide Pools | white, 6 to 1 |
| 20 | `#006663` | `oklch(46.24% 0.0795 191.25)` | Peacock Pride | white, 6.7 to 1 |
| 21 | `#005e5d` | `oklch(43.69% 0.0748 193.24)` | Sandhill Crane | white, 7.5 to 1 |
| 22 | `#005657` | `oklch(41.19% 0.0703 195.17)` | Overboard | white, 8.4 to 1 |
| 23 | `#004f50` | `oklch(38.75% 0.0660 196.99)` | Antique Turquoise | white, 9.4 to 1 |
| 24 | `#00484a` | `oklch(36.40% 0.0619 198.69)` | Incubi Darkness | white, 10.3 to 1 |
| 25 | `#004144` | `oklch(34.10% 0.0580 200.26)` | Warm Black | white, 11.4 to 1 |
| 26 | `#003a3e` | `oklch(31.73% 0.0540 201.79)` | Customs Green | white, 12.5 to 1 |
| 27 | `#003337` | `oklch(29.35% 0.0500 203.26)` | Artist Blue | white, 13.6 to 1 |
| 28 | `#002d31` | `oklch(27.04% 0.0461 204.65)` | Black Chasm | white, 14.8 to 1 |
| 29 | `#00272b` | `oklch(24.88% 0.0426 205.92)` | Daintree | white, 15.8 to 1 |
| 30 | `#002226` | `oklch(22.95% 0.0394 207.05)` | Stellar Explorer | white, 16.7 to 1 |
| 31 | `#001e22` | `oklch(21.33% 0.0367 208.01)` | Stellar Explorer | white, 17.4 to 1 |
| 32 | `#001a1f` | `oklch(20.10% 0.0346 208.77)` | Creeping Death | white, 17.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c0ebcd 0.0%, #b8e8c8 3.2%, #ade4c2 6.5%, #a0dfbb 9.7%, #90dab5 12.9%, #7fd4ae 16.1%, #6ccea8 19.4%, #59c8a2 22.6%, #48c19d 25.8%, #35bb99 29.0%, #1eb394 32.3%, #00ab90 35.5%, #00a28b 38.7%, #009a86 41.9%, #009181 45.2%, #00887b 48.4%, #008076 51.6%, #007770 54.8%, #006f6a 58.1%, #006663 61.3%, #005e5d 64.5%, #005657 67.7%, #004f50 71.0%, #00484a 74.2%, #004144 77.4%, #003a3e 80.6%, #003337 83.9%, #002d31 87.1%, #00272b 90.3%, #002226 93.5%, #001e22 96.8%, #001a1f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0606 154.69) 0.0%, oklch(88.88% 0.0658 155.87) 3.2%, oklch(87.21% 0.0732 157.45) 6.5%, oklch(85.21% 0.0820 159.34) 9.7%, oklch(82.98% 0.0915 161.43) 12.9%, oklch(80.60% 0.1008 163.63) 16.1%, oklch(78.17% 0.1093 165.85) 19.4%, oklch(75.75% 0.1162 167.99) 22.6%, oklch(73.45% 0.1208 169.96) 25.8%, oklch(71.13% 0.1237 171.87) 29.0%, oklch(68.74% 0.1254 173.78) 32.3%, oklch(66.31% 0.1243 175.68) 35.5%, oklch(63.84% 0.1178 177.59) 38.7%, oklch(61.34% 0.1117 179.50) 41.9%, oklch(58.84% 0.1058 181.41) 45.2%, oklch(56.36% 0.1002 183.32) 48.4%, oklch(53.88% 0.0948 185.24) 51.6%, oklch(51.36% 0.0896 187.22) 54.8%, oklch(48.80% 0.0845 189.23) 58.1%, oklch(46.24% 0.0795 191.25) 61.3%, oklch(43.69% 0.0748 193.24) 64.5%, oklch(41.19% 0.0703 195.17) 67.7%, oklch(38.75% 0.0660 196.99) 71.0%, oklch(36.40% 0.0619 198.69) 74.2%, oklch(34.10% 0.0580 200.26) 77.4%, oklch(31.73% 0.0540 201.79) 80.6%, oklch(29.35% 0.0500 203.26) 83.9%, oklch(27.04% 0.0461 204.65) 87.1%, oklch(24.88% 0.0426 205.92) 90.3%, oklch(22.95% 0.0394 207.05) 93.5%, oklch(21.33% 0.0367 208.01) 96.8%, oklch(20.10% 0.0346 208.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.061 | 154.7 |
| 2 | 0.74 | 0.12 | 169.5 |
| 3 | 0.551 | 0.12 | 184.3 |
| 4 | 0.358 | 0.08 | 199.1 |
| 5 | 0.201 | 0.04 | 208.6 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)

## Other forms

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