# Soft green muted violet muted teal rings

Light blue, blue, lavender and gray radial gradient with 64 colors: #a2dbb6, #9ed9b7, #99d7b7, #94d4b8, #8fd1b8, #8acdb8, #84c9b8, #7fc4b8, #7abfb8, #76bab7, #72b5b7, #6eb0b6, #6cabb5, #6aa6b3, #68a1b2, #689cb0, #6797af, #6793ad, #6890ac, #698dab, #6a8aaa, #6c88aa, #6e87aa, #7186ab, #7485ac, #7985ae, #7d85b0, #8285b2, #8886b4, #8e87b6, #9488b8, #9a89ba, #a08abc, #a68bbe, #ac8dbf, #b28ec0, #b790c2, #bc92c3, #c093c4, #c395c6, #c697c7, #c898c8, #c89aca, #c89bcc, #c69dce, #c49fd0, #c0a0d3, #bca3d5, #b8a5d6, #b3a7d7, #aea9d8, #a9abd7, #a4add6, #a0afd4, #9cb0d1, #99b1ce, #97b2ca, #96b3c7, #96b3c3, #96b3c0, #97b3bd, #98b3ba, #99b3b8, #9ab3b7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, blue, lavender and gray radial gradient
- Seed: `kU1jlvTpZLd6fSHfCjIg`
- Page: https://grabient.com/kU1jlvTpZLd6fSHfCjIg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#a2dbb6` | `oklch(84.25% 0.0785 156.09)` | Birthday King | black, 13.3 to 1 |
| 2 | `#9ed9b7` | `oklch(83.63% 0.0780 158.65)` | Nihilakh Oxide | black, 13 to 1 |
| 3 | `#99d7b7` | `oklch(82.85% 0.0774 161.67)` | Vista Blue | black, 12.7 to 1 |
| 4 | `#94d4b8` | `oklch(81.92% 0.0766 165.10)` | Larimar Green | black, 12.3 to 1 |
| 5 | `#8fd1b8` | `oklch(80.86% 0.0756 168.92)` | Tropical Trail | black, 11.9 to 1 |
| 6 | `#8acdb8` | `oklch(79.70% 0.0746 173.07)` | Vile Green | black, 11.4 to 1 |
| 7 | `#84c9b8` | `oklch(78.45% 0.0735 177.52)` | Aquastone | black, 11 to 1 |
| 8 | `#7fc4b8` | `oklch(77.14% 0.0723 182.24)` | Holiday | black, 10.5 to 1 |
| 9 | `#7abfb8` | `oklch(75.77% 0.0711 187.17)` | Gentle Wave | black, 10 to 1 |
| 10 | `#76bab7` | `oklch(74.37% 0.0699 192.29)` | Polished Aqua | black, 9.5 to 1 |
| 11 | `#72b5b7` | `oklch(72.95% 0.0686 197.54)` | Surfer | black, 9 to 1 |
| 12 | `#6eb0b6` | `oklch(71.54% 0.0674 202.90)` | Montana Sky | black, 8.5 to 1 |
| 13 | `#6cabb5` | `oklch(70.15% 0.0663 208.32)` | Experience | black, 8.1 to 1 |
| 14 | `#6aa6b3` | `oklch(68.81% 0.0651 213.76)` | Stillwater | black, 7.6 to 1 |
| 15 | `#68a1b2` | `oklch(67.53% 0.0641 219.19)` | Crystal Blue | black, 7.3 to 1 |
| 16 | `#689cb0` | `oklch(66.32% 0.0632 224.55)` | Yacht Blue | black, 6.9 to 1 |
| 17 | `#6797af` | `oklch(65.22% 0.0623 229.82)` | Shirt Blue | black, 6.6 to 1 |
| 18 | `#6793ad` | `oklch(64.23% 0.0616 234.95)` | Aragonite Blue | black, 6.3 to 1 |
| 19 | `#6890ac` | `oklch(63.37% 0.0611 239.91)` | Treasure Map Waters | black, 6.1 to 1 |
| 20 | `#698dab` | `oklch(62.67% 0.0607 244.65)` | Scanda | black, 5.9 to 1 |
| 21 | `#6a8aaa` | `oklch(62.15% 0.0606 249.13)` | Pale Flower | black, 5.8 to 1 |
| 22 | `#6c88aa` | `oklch(61.81% 0.0606 253.31)` | Cowgirl Blue | black, 5.7 to 1 |
| 23 | `#6e87aa` | `oklch(61.67% 0.0610 257.49)` | Cowgirl Blue | black, 5.6 to 1 |
| 24 | `#7186ab` | `oklch(61.70% 0.0617 261.92)` | Cowgirl Blue | black, 5.6 to 1 |
| 25 | `#7485ac` | `oklch(61.88% 0.0627 266.56)` | Enchanting Sky | black, 5.7 to 1 |
| 26 | `#7985ae` | `oklch(62.20% 0.0639 271.35)` | Corsican Purple | black, 5.7 to 1 |
| 27 | `#7d85b0` | `oklch(62.65% 0.0654 276.24)` | Corsican Purple | black, 5.8 to 1 |
| 28 | `#8285b2` | `oklch(63.21% 0.0670 281.18)` | Corsican Purple | black, 5.9 to 1 |
| 29 | `#8886b4` | `oklch(63.87% 0.0688 286.11)` | Aster Purple | black, 6.1 to 1 |
| 30 | `#8e87b6` | `oklch(64.60% 0.0707 290.99)` | Silk Lilac | black, 6.2 to 1 |
| 31 | `#9488b8` | `oklch(65.40% 0.0726 295.76)` | Silk Lilac | black, 6.4 to 1 |
| 32 | `#9a89ba` | `oklch(66.25% 0.0746 300.36)` | Sand Verbena | black, 6.6 to 1 |
| 33 | `#a08abc` | `oklch(67.13% 0.0765 304.75)` | Sand Verbena | black, 6.8 to 1 |
| 34 | `#a68bbe` | `oklch(68.03% 0.0783 308.87)` | Classic Bouquet | black, 7 to 1 |
| 35 | `#ac8dbf` | `oklch(68.93% 0.0801 312.67)` | East Side | black, 7.3 to 1 |
| 36 | `#b28ec0` | `oklch(69.82% 0.0817 316.09)` | Young Prince | black, 7.5 to 1 |
| 37 | `#b790c2` | `oklch(70.68% 0.0831 319.09)` | Lavender Blaze | black, 7.7 to 1 |
| 38 | `#bc92c3` | `oklch(71.50% 0.0843 321.61)` | Violaceous | black, 8 to 1 |
| 39 | `#c093c4` | `oklch(72.26% 0.0852 323.60)` | Rose Souvenir | black, 8.2 to 1 |
| 40 | `#c395c6` | `oklch(72.94% 0.0859 325.00)` | Rose Souvenir | black, 8.4 to 1 |
| 41 | `#c697c7` | `oklch(73.54% 0.0861 325.77)` | Pastel Violet | black, 8.6 to 1 |
| 42 | `#c898c8` | `oklch(74.04% 0.0860 325.84)` | Pastel Violet | black, 8.7 to 1 |
| 43 | `#c89aca` | `oklch(74.41% 0.0854 325.17)` | Pastel Violet | black, 8.9 to 1 |
| 44 | `#c89bcc` | `oklch(74.69% 0.0844 323.58)` | Pastel Violet | black, 9 to 1 |
| 45 | `#c69dce` | `oklch(74.92% 0.0829 320.96)` | Lilac Lace | black, 9.1 to 1 |
| 46 | `#c49fd0` | `oklch(75.11% 0.0810 317.42)` | Lilac Lace | black, 9.1 to 1 |
| 47 | `#c0a0d3` | `oklch(75.25% 0.0787 313.07)` | Enchanted Lavender | black, 9.2 to 1 |
| 48 | `#bca3d5` | `oklch(75.36% 0.0761 307.99)` | Enchanted Lavender | black, 9.3 to 1 |
| 49 | `#b8a5d6` | `oklch(75.42% 0.0732 302.28)` | Grape Illusion | black, 9.3 to 1 |
| 50 | `#b3a7d7` | `oklch(75.46% 0.0701 296.05)` | Grape Illusion | black, 9.4 to 1 |
| 51 | `#aea9d8` | `oklch(75.47% 0.0668 289.40)` | Monastic | black, 9.4 to 1 |
| 52 | `#a9abd7` | `oklch(75.45% 0.0634 282.42)` | Monastic | black, 9.4 to 1 |
| 53 | `#a4add6` | `oklch(75.42% 0.0598 275.21)` | Melody Purple | black, 9.5 to 1 |
| 54 | `#a0afd4` | `oklch(75.37% 0.0562 267.86)` | Mild Blue Yonder | black, 9.5 to 1 |
| 55 | `#9cb0d1` | `oklch(75.30% 0.0527 260.49)` | Heartsong | black, 9.5 to 1 |
| 56 | `#99b1ce` | `oklch(75.23% 0.0491 253.18)` | Heartsong | black, 9.5 to 1 |
| 57 | `#97b2ca` | `oklch(75.15% 0.0456 246.04)` | Porcelain Vase | black, 9.5 to 1 |
| 58 | `#96b3c7` | `oklch(75.08% 0.0423 239.16)` | Respite | black, 9.5 to 1 |
| 59 | `#96b3c3` | `oklch(75.00% 0.0391 232.64)` | Respite | black, 9.5 to 1 |
| 60 | `#96b3c0` | `oklch(74.93% 0.0362 226.58)` | Respite | black, 9.5 to 1 |
| 61 | `#97b3bd` | `oklch(74.87% 0.0335 221.08)` | Blue Shell | black, 9.4 to 1 |
| 62 | `#98b3ba` | `oklch(74.83% 0.0312 216.24)` | Ice Gull Grey Blue | black, 9.4 to 1 |
| 63 | `#99b3b8` | `oklch(74.81% 0.0292 212.16)` | Mohair Soft Blue Grey | black, 9.4 to 1 |
| 64 | `#9ab3b7` | `oklch(74.80% 0.0276 208.93)` | Powder Mill | black, 9.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a2dbb6 0.0%, #9ed9b7 1.6%, #99d7b7 3.2%, #94d4b8 4.8%, #8fd1b8 6.3%, #8acdb8 7.9%, #84c9b8 9.5%, #7fc4b8 11.1%, #7abfb8 12.7%, #76bab7 14.3%, #72b5b7 15.9%, #6eb0b6 17.5%, #6cabb5 19.0%, #6aa6b3 20.6%, #68a1b2 22.2%, #689cb0 23.8%, #6797af 25.4%, #6793ad 27.0%, #6890ac 28.6%, #698dab 30.2%, #6a8aaa 31.7%, #6c88aa 33.3%, #6e87aa 34.9%, #7186ab 36.5%, #7485ac 38.1%, #7985ae 39.7%, #7d85b0 41.3%, #8285b2 42.9%, #8886b4 44.4%, #8e87b6 46.0%, #9488b8 47.6%, #9a89ba 49.2%, #a08abc 50.8%, #a68bbe 52.4%, #ac8dbf 54.0%, #b28ec0 55.6%, #b790c2 57.1%, #bc92c3 58.7%, #c093c4 60.3%, #c395c6 61.9%, #c697c7 63.5%, #c898c8 65.1%, #c89aca 66.7%, #c89bcc 68.3%, #c69dce 69.8%, #c49fd0 71.4%, #c0a0d3 73.0%, #bca3d5 74.6%, #b8a5d6 76.2%, #b3a7d7 77.8%, #aea9d8 79.4%, #a9abd7 81.0%, #a4add6 82.5%, #a0afd4 84.1%, #9cb0d1 85.7%, #99b1ce 87.3%, #97b2ca 88.9%, #96b3c7 90.5%, #96b3c3 92.1%, #96b3c0 93.7%, #97b3bd 95.2%, #98b3ba 96.8%, #99b3b8 98.4%, #9ab3b7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(84.25% 0.0785 156.09) 0.0%, oklch(83.63% 0.0780 158.65) 1.6%, oklch(82.85% 0.0774 161.67) 3.2%, oklch(81.92% 0.0766 165.10) 4.8%, oklch(80.86% 0.0756 168.92) 6.3%, oklch(79.70% 0.0746 173.07) 7.9%, oklch(78.45% 0.0735 177.52) 9.5%, oklch(77.14% 0.0723 182.24) 11.1%, oklch(75.77% 0.0711 187.17) 12.7%, oklch(74.37% 0.0699 192.29) 14.3%, oklch(72.95% 0.0686 197.54) 15.9%, oklch(71.54% 0.0674 202.90) 17.5%, oklch(70.15% 0.0663 208.32) 19.0%, oklch(68.81% 0.0651 213.76) 20.6%, oklch(67.53% 0.0641 219.19) 22.2%, oklch(66.32% 0.0632 224.55) 23.8%, oklch(65.22% 0.0623 229.82) 25.4%, oklch(64.23% 0.0616 234.95) 27.0%, oklch(63.37% 0.0611 239.91) 28.6%, oklch(62.67% 0.0607 244.65) 30.2%, oklch(62.15% 0.0606 249.13) 31.7%, oklch(61.81% 0.0606 253.31) 33.3%, oklch(61.67% 0.0610 257.49) 34.9%, oklch(61.70% 0.0617 261.92) 36.5%, oklch(61.88% 0.0627 266.56) 38.1%, oklch(62.20% 0.0639 271.35) 39.7%, oklch(62.65% 0.0654 276.24) 41.3%, oklch(63.21% 0.0670 281.18) 42.9%, oklch(63.87% 0.0688 286.11) 44.4%, oklch(64.60% 0.0707 290.99) 46.0%, oklch(65.40% 0.0726 295.76) 47.6%, oklch(66.25% 0.0746 300.36) 49.2%, oklch(67.13% 0.0765 304.75) 50.8%, oklch(68.03% 0.0783 308.87) 52.4%, oklch(68.93% 0.0801 312.67) 54.0%, oklch(69.82% 0.0817 316.09) 55.6%, oklch(70.68% 0.0831 319.09) 57.1%, oklch(71.50% 0.0843 321.61) 58.7%, oklch(72.26% 0.0852 323.60) 60.3%, oklch(72.94% 0.0859 325.00) 61.9%, oklch(73.54% 0.0861 325.77) 63.5%, oklch(74.04% 0.0860 325.84) 65.1%, oklch(74.41% 0.0854 325.17) 66.7%, oklch(74.69% 0.0844 323.58) 68.3%, oklch(74.92% 0.0829 320.96) 69.8%, oklch(75.11% 0.0810 317.42) 71.4%, oklch(75.25% 0.0787 313.07) 73.0%, oklch(75.36% 0.0761 307.99) 74.6%, oklch(75.42% 0.0732 302.28) 76.2%, oklch(75.46% 0.0701 296.05) 77.8%, oklch(75.47% 0.0668 289.40) 79.4%, oklch(75.45% 0.0634 282.42) 81.0%, oklch(75.42% 0.0598 275.21) 82.5%, oklch(75.37% 0.0562 267.86) 84.1%, oklch(75.30% 0.0527 260.49) 85.7%, oklch(75.23% 0.0491 253.18) 87.3%, oklch(75.15% 0.0456 246.04) 88.9%, oklch(75.08% 0.0423 239.16) 90.5%, oklch(75.00% 0.0391 232.64) 92.1%, oklch(74.93% 0.0362 226.58) 93.7%, oklch(74.87% 0.0335 221.08) 95.2%, oklch(74.83% 0.0312 216.24) 96.8%, oklch(74.81% 0.0292 212.16) 98.4%, oklch(74.80% 0.0276 208.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.079 | 156.1 |
| 2 | 0.618 | 0.061 | 253.3 |
| 3 | 0.744 | 0.085 | 325.2 |
| 4 | 0.748 | 0.028 | 208.9 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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