# Light blue, teal, pink and purple radial gradient

Light blue, teal, pink and purple radial gradient with 32 colors: #8cdcd0, #85d8cd, #7bd3c9, #6fcdc5, #62c6c0, #58bfba, #4cb7b2, #41aeaa, #39a5a3, #369b9e, #3e9099, #4a8592, #537a8a, #587183, #5b6b81, #626482, #6e5d7f, #7b5678, #86516f, #8f4c6b, #99476a, #a2426c, #a93e6d, #b03e6e, #b74270, #bb4773, #bc4975, #b74671, #a93e69, #98345e, #872a54, #7c234d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc1TqDYCLAtEhwLDjsVwBzLkM2QbIN8BNC8_Y`
- Page: https://grabient.com/kc1TqDYCLAtEhwLDjsVwBzLkM2QbIN8BNC8_Y?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.9 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 | `#8cdcd0` | `oklch(83.86% 0.0799 184.22)` | Tantalising Teal | black, 13.2 to 1 |
| 2 | `#85d8cd` | `oklch(82.62% 0.0827 185.22)` | Mintos | black, 12.7 to 1 |
| 3 | `#7bd3c9` | `oklch(80.88% 0.0867 186.65)` | Water Wings | black, 12 to 1 |
| 4 | `#6fcdc5` | `oklch(78.81% 0.0910 188.29)` | Skylar | black, 11.2 to 1 |
| 5 | `#62c6c0` | `oklch(76.57% 0.0943 189.92)` | Chinese Lacquer | black, 10.3 to 1 |
| 6 | `#58bfba` | `oklch(74.23% 0.0960 191.09)` | Hygiene Green | black, 9.5 to 1 |
| 7 | `#4cb7b2` | `oklch(71.61% 0.0974 191.18)` | Green Grapple | black, 8.7 to 1 |
| 8 | `#41aeaa` | `oklch(68.83% 0.0979 191.40)` | Lake Tahoe Turquoise | black, 7.8 to 1 |
| 9 | `#39a5a3` | `oklch(66.04% 0.0962 193.15)` | Bahaman Bliss | black, 7 to 1 |
| 10 | `#369b9e` | `oklch(63.41% 0.0913 197.77)` | Empress Envy | black, 6.3 to 1 |
| 11 | `#3e9099` | `oklch(60.76% 0.0801 204.77)` | Adrift | black, 5.6 to 1 |
| 12 | `#4a8592` | `oklch(58.08% 0.0647 213.68)` | Flounce | black, 5 to 1 |
| 13 | `#537a8a` | `oklch(55.62% 0.0500 224.91)` | Rocky Hill | white, 4.6 to 1 |
| 14 | `#587183` | `oklch(53.61% 0.0409 238.86)` | Blue Stone | white, 5.1 to 1 |
| 15 | `#5b6b81` | `oklch(52.20% 0.0407 257.22)` | China Blue | white, 5.4 to 1 |
| 16 | `#626482` | `oklch(51.28% 0.0468 281.51)` | Purple Daze | white, 5.7 to 1 |
| 17 | `#6e5d7f` | `oklch(50.73% 0.0571 307.32)` | Princely Violet | white, 5.9 to 1 |
| 18 | `#7b5678` | `oklch(50.46% 0.0695 329.99)` | Opulent Ostrich | white, 6 to 1 |
| 19 | `#86516f` | `oklch(50.40% 0.0823 345.01)` | Raspberry Crush | white, 6.1 to 1 |
| 20 | `#8f4c6b` | `oklch(50.66% 0.0986 352.42)` | Goddess of Dawn | white, 6.1 to 1 |
| 21 | `#99476a` | `oklch(51.20% 0.1172 355.10)` | Satsuma Imo Red | white, 6 to 1 |
| 22 | `#a2426c` | `oklch(51.91% 0.1346 355.54)` | Ancient Fuchsia | white, 5.9 to 1 |
| 23 | `#a93e6d` | `oklch(52.65% 0.1475 356.21)` | Medium Ruby | white, 5.8 to 1 |
| 24 | `#b03e6e` | `oklch(53.72% 0.1542 357.93)` | Cactus Flower | white, 5.5 to 1 |
| 25 | `#b74270` | `oklch(55.30% 0.1566 359.00)` | Valentino | white, 5.2 to 1 |
| 26 | `#bb4773` | `oklch(56.69% 0.1562 359.53)` | Mauve Mystique | white, 4.9 to 1 |
| 27 | `#bc4975` | `oklch(57.14% 0.1542 359.68)` | Mauve Mystique | white, 4.8 to 1 |
| 28 | `#b74671` | `oklch(55.88% 0.1517 359.50)` | Lake Red | white, 5 to 1 |
| 29 | `#a93e69` | `oklch(52.51% 0.1466 358.67)` | Medium Ruby | white, 5.8 to 1 |
| 30 | `#98345e` | `oklch(48.09% 0.1401 357.45)` | Cardinal Red | white, 7 to 1 |
| 31 | `#872a54` | `oklch(43.82% 0.1338 356.23)` | Dark Raspberry | white, 8.4 to 1 |
| 32 | `#7c234d` | `oklch(40.94% 0.1295 355.41)` | Pico Eggplant | white, 9.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #8cdcd0 0.0%, #85d8cd 3.2%, #7bd3c9 6.5%, #6fcdc5 9.7%, #62c6c0 12.9%, #58bfba 16.1%, #4cb7b2 19.4%, #41aeaa 22.6%, #39a5a3 25.8%, #369b9e 29.0%, #3e9099 32.3%, #4a8592 35.5%, #537a8a 38.7%, #587183 41.9%, #5b6b81 45.2%, #626482 48.4%, #6e5d7f 51.6%, #7b5678 54.8%, #86516f 58.1%, #8f4c6b 61.3%, #99476a 64.5%, #a2426c 67.7%, #a93e6d 71.0%, #b03e6e 74.2%, #b74270 77.4%, #bb4773 80.6%, #bc4975 83.9%, #b74671 87.1%, #a93e69 90.3%, #98345e 93.5%, #872a54 96.8%, #7c234d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.86% 0.0799 184.22) 0.0%, oklch(82.62% 0.0827 185.22) 3.2%, oklch(80.88% 0.0867 186.65) 6.5%, oklch(78.81% 0.0910 188.29) 9.7%, oklch(76.57% 0.0943 189.92) 12.9%, oklch(74.23% 0.0960 191.09) 16.1%, oklch(71.61% 0.0974 191.18) 19.4%, oklch(68.83% 0.0979 191.40) 22.6%, oklch(66.04% 0.0962 193.15) 25.8%, oklch(63.41% 0.0913 197.77) 29.0%, oklch(60.76% 0.0801 204.77) 32.3%, oklch(58.08% 0.0647 213.68) 35.5%, oklch(55.62% 0.0500 224.91) 38.7%, oklch(53.61% 0.0409 238.86) 41.9%, oklch(52.20% 0.0407 257.22) 45.2%, oklch(51.28% 0.0468 281.51) 48.4%, oklch(50.73% 0.0571 307.32) 51.6%, oklch(50.46% 0.0695 329.99) 54.8%, oklch(50.40% 0.0823 345.01) 58.1%, oklch(50.66% 0.0986 352.42) 61.3%, oklch(51.20% 0.1172 355.10) 64.5%, oklch(51.91% 0.1346 355.54) 67.7%, oklch(52.65% 0.1475 356.21) 71.0%, oklch(53.72% 0.1542 357.93) 74.2%, oklch(55.30% 0.1566 359.00) 77.4%, oklch(56.69% 0.1562 359.53) 80.6%, oklch(57.14% 0.1542 359.68) 83.9%, oklch(55.88% 0.1517 359.50) 87.1%, oklch(52.51% 0.1466 358.67) 90.3%, oklch(48.09% 0.1401 357.45) 93.5%, oklch(43.82% 0.1338 356.23) 96.8%, oklch(40.94% 0.1295 355.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.08 | 184.2 |
| 2 | 0.756 | 0.095 | 190.6 |
| 3 | 0.638 | 0.092 | 196.9 |
| 4 | 0.531 | 0.04 | 243.4 |
| 5 | 0.504 | 0.079 | 341.7 |
| 6 | 0.528 | 0.149 | 356.5 |
| 7 | 0.567 | 0.153 | 359.6 |
| 8 | 0.409 | 0.13 | 355.4 |

## In these collections

- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)

## Other forms

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