# Mint sapphire pearl glow

Purple, light blue and green radial gradient with 40 colors: #663877, #673f80, #68488b, #685398, #6760a6, #666eb3, #637dbe, #5f8cc8, #5c9bd0, #5baad6, #5cb8da, #61c3db, #68cddc, #70d5db, #79dbd9, #82e1d8, #8ce5d6, #95e8d4, #9eebd2, #a6edd0, #adeece, #b3efcd, #b7efcb, #bbeec9, #bdedc7, #bdecc4, #bdeac1, #bae7bc, #b4e3b7, #acdeb1, #a3d8aa, #97d2a3, #8bcb9c, #7dc596, #6fbe90, #60b88b, #51b286, #42ad82, #34a87f, #27a57d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, light blue and green radial gradient
- Seed: `kUbFHhZ6KyPGaubSLMIg`
- Page: https://grabient.com/kUbFHhZ6KyPGaubSLMIg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, pastel, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.7 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 | `#663877` | `oklch(42.52% 0.1116 316.41)` | Purple Magic | white, 8.7 to 1 |
| 2 | `#673f80` | `oklch(44.33% 0.1109 311.10)` | Dark Pansy | white, 8 to 1 |
| 3 | `#68488b` | `oklch(46.68% 0.1100 304.29)` | Lords of the Night | white, 7.2 to 1 |
| 4 | `#685398` | `oklch(49.49% 0.1090 296.22)` | Rollick | white, 6.3 to 1 |
| 5 | `#6760a6` | `oklch(52.66% 0.1079 287.13)` | Blue Iris | white, 5.5 to 1 |
| 6 | `#666eb3` | `oklch(56.09% 0.1067 277.28)` | Chetwode Blue | white, 4.7 to 1 |
| 7 | `#637dbe` | `oklch(59.68% 0.1054 266.90)` | Watertown | black, 5.1 to 1 |
| 8 | `#5f8cc8` | `oklch(63.35% 0.1040 256.24)` | Provence | black, 6 to 1 |
| 9 | `#5c9bd0` | `oklch(67.00% 0.1026 245.55)` | Tall Waves | black, 7 to 1 |
| 10 | `#5baad6` | `oklch(70.52% 0.1011 235.06)` | Hoeth Blue | black, 8.1 to 1 |
| 11 | `#5cb8da` | `oklch(73.83% 0.0996 225.04)` | Nancy | black, 9.2 to 1 |
| 12 | `#61c3db` | `oklch(76.82% 0.0981 215.72)` | Naxos Sky | black, 10.3 to 1 |
| 13 | `#68cddc` | `oklch(79.41% 0.0966 207.34)` | Slick Blue | black, 11.3 to 1 |
| 14 | `#70d5db` | `oklch(81.50% 0.0951 200.16)` | Aruba Blue | black, 12.2 to 1 |
| 15 | `#79dbd9` | `oklch(83.21% 0.0934 193.82)` | Aqua Zing | black, 12.9 to 1 |
| 16 | `#82e1d8` | `oklch(84.75% 0.0913 187.82)` | Sea Foam | black, 13.6 to 1 |
| 17 | `#8ce5d6` | `oklch(86.11% 0.0889 182.17)` | Sharbah Fizz | black, 14.2 to 1 |
| 18 | `#95e8d4` | `oklch(87.28% 0.0864 176.88)` | Neverland | black, 14.8 to 1 |
| 19 | `#9eebd2` | `oklch(88.28% 0.0837 171.95)` | Oasis Stream | black, 15.2 to 1 |
| 20 | `#a6edd0` | `oklch(89.09% 0.0812 167.41)` | Magic Mint | black, 15.6 to 1 |
| 21 | `#adeece` | `oklch(89.71% 0.0787 163.27)` | Seafoam Splashes | black, 15.9 to 1 |
| 22 | `#b3efcd` | `oklch(90.14% 0.0765 159.53)` | Seafoam Splashes | black, 16.1 to 1 |
| 23 | `#b7efcb` | `oklch(90.38% 0.0747 156.21)` | Seafoam Splashes | black, 16.2 to 1 |
| 24 | `#bbeec9` | `oklch(90.42% 0.0733 153.31)` | Peasful Mint | black, 16.2 to 1 |
| 25 | `#bdedc7` | `oklch(90.27% 0.0725 150.86)` | Peasful Mint | black, 16.1 to 1 |
| 26 | `#bdecc4` | `oklch(89.92% 0.0724 148.86)` | Slime Lime | black, 15.9 to 1 |
| 27 | `#bdeac1` | `oklch(89.37% 0.0730 147.33)` | Slime Lime | black, 15.6 to 1 |
| 28 | `#bae7bc` | `oklch(88.47% 0.0746 146.49)` | Mint Parfait | black, 15.2 to 1 |
| 29 | `#b4e3b7` | `oklch(87.11% 0.0772 146.49)` | Fringy Flower | black, 14.6 to 1 |
| 30 | `#acdeb1` | `oklch(85.37% 0.0806 147.20)` | Celtic Spring | black, 13.8 to 1 |
| 31 | `#a3d8aa` | `oklch(83.34% 0.0846 148.50)` | Green Trance | black, 12.9 to 1 |
| 32 | `#97d2a3` | `oklch(81.08% 0.0892 150.27)` | Low Tide | black, 12 to 1 |
| 33 | `#8bcb9c` | `oklch(78.69% 0.0940 152.39)` | Frost Gum | black, 11.1 to 1 |
| 34 | `#7dc596` | `oklch(76.23% 0.0990 154.72)` | Willow Hedge | black, 10.2 to 1 |
| 35 | `#6fbe90` | `oklch(73.79% 0.1039 157.15)` | Silver Tree | black, 9.4 to 1 |
| 36 | `#60b88b` | `oklch(71.44% 0.1087 159.54)` | Crazy Eyes | black, 8.7 to 1 |
| 37 | `#51b286` | `oklch(69.27% 0.1131 161.78)` | Jade Cream | black, 8 to 1 |
| 38 | `#42ad82` | `oklch(67.34% 0.1170 163.75)` | Divot | black, 7.5 to 1 |
| 39 | `#34a87f` | `oklch(65.75% 0.1203 165.31)` | Gumdrop Green | black, 7 to 1 |
| 40 | `#27a57d` | `oklch(64.57% 0.1226 166.35)` | Active Green | black, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #663877 0.0%, #673f80 2.6%, #68488b 5.1%, #685398 7.7%, #6760a6 10.3%, #666eb3 12.8%, #637dbe 15.4%, #5f8cc8 17.9%, #5c9bd0 20.5%, #5baad6 23.1%, #5cb8da 25.6%, #61c3db 28.2%, #68cddc 30.8%, #70d5db 33.3%, #79dbd9 35.9%, #82e1d8 38.5%, #8ce5d6 41.0%, #95e8d4 43.6%, #9eebd2 46.2%, #a6edd0 48.7%, #adeece 51.3%, #b3efcd 53.8%, #b7efcb 56.4%, #bbeec9 59.0%, #bdedc7 61.5%, #bdecc4 64.1%, #bdeac1 66.7%, #bae7bc 69.2%, #b4e3b7 71.8%, #acdeb1 74.4%, #a3d8aa 76.9%, #97d2a3 79.5%, #8bcb9c 82.1%, #7dc596 84.6%, #6fbe90 87.2%, #60b88b 89.7%, #51b286 92.3%, #42ad82 94.9%, #34a87f 97.4%, #27a57d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.52% 0.1116 316.41) 0.0%, oklch(44.33% 0.1109 311.10) 2.6%, oklch(46.68% 0.1100 304.29) 5.1%, oklch(49.49% 0.1090 296.22) 7.7%, oklch(52.66% 0.1079 287.13) 10.3%, oklch(56.09% 0.1067 277.28) 12.8%, oklch(59.68% 0.1054 266.90) 15.4%, oklch(63.35% 0.1040 256.24) 17.9%, oklch(67.00% 0.1026 245.55) 20.5%, oklch(70.52% 0.1011 235.06) 23.1%, oklch(73.83% 0.0996 225.04) 25.6%, oklch(76.82% 0.0981 215.72) 28.2%, oklch(79.41% 0.0966 207.34) 30.8%, oklch(81.50% 0.0951 200.16) 33.3%, oklch(83.21% 0.0934 193.82) 35.9%, oklch(84.75% 0.0913 187.82) 38.5%, oklch(86.11% 0.0889 182.17) 41.0%, oklch(87.28% 0.0864 176.88) 43.6%, oklch(88.28% 0.0837 171.95) 46.2%, oklch(89.09% 0.0812 167.41) 48.7%, oklch(89.71% 0.0787 163.27) 51.3%, oklch(90.14% 0.0765 159.53) 53.8%, oklch(90.38% 0.0747 156.21) 56.4%, oklch(90.42% 0.0733 153.31) 59.0%, oklch(90.27% 0.0725 150.86) 61.5%, oklch(89.92% 0.0724 148.86) 64.1%, oklch(89.37% 0.0730 147.33) 66.7%, oklch(88.47% 0.0746 146.49) 69.2%, oklch(87.11% 0.0772 146.49) 71.8%, oklch(85.37% 0.0806 147.20) 74.4%, oklch(83.34% 0.0846 148.50) 76.9%, oklch(81.08% 0.0892 150.27) 79.5%, oklch(78.69% 0.0940 152.39) 82.1%, oklch(76.23% 0.0990 154.72) 84.6%, oklch(73.79% 0.1039 157.15) 87.2%, oklch(71.44% 0.1087 159.54) 89.7%, oklch(69.27% 0.1131 161.78) 92.3%, oklch(67.34% 0.1170 163.75) 94.9%, oklch(65.75% 0.1203 165.31) 97.4%, oklch(64.57% 0.1226 166.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.112 | 316.4 |
| 2 | 0.815 | 0.095 | 200.2 |
| 3 | 0.894 | 0.073 | 147.3 |
| 4 | 0.646 | 0.123 | 166.3 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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