# Sand violet seafoam rings

Teal, blue and gray radial gradient with 56 colors: #499484, #459385, #419288, #3d908b, #388d8e, #358a91, #348694, #348297, #377e99, #3b7a9a, #40759b, #45719b, #496d9a, #4d6a99, #506798, #536496, #546395, #546294, #546294, #526495, #4f6795, #4a6a96, #446f96, #3f7494, #3a7a91, #397f8d, #3d8488, #458881, #518c7a, #5f8f74, #6d916f, #7a926c, #86946a, #90956a, #99966b, #a0976d, #a5986f, #a89971, #aa9b73, #ab9d74, #ab9e75, #aaa176, #a8a377, #a4a578, #a0a87a, #9aaa7d, #94ad81, #8daf87, #86b18c, #7fb293, #79b399, #73b4a0, #6fb5a6, #6bb5ab, #69b5b0, #68b6b3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, blue and gray radial gradient
- Seed: `kUnDp-QJ3K9cVKrcHEwA`
- Page: https://grabient.com/kUnDp-QJ3K9cVKrcHEwA?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.4 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 | `#499484` | `oklch(61.42% 0.0799 177.19)` | Spa Green | black, 5.8 to 1 |
| 2 | `#459385` | `oklch(61.06% 0.0800 180.38)` | Lochinvar | black, 5.7 to 1 |
| 3 | `#419288` | `oklch(60.57% 0.0801 184.75)` | Highlands | black, 5.6 to 1 |
| 4 | `#3d908b` | `oklch(59.97% 0.0803 190.14)` | Blue Chill | black, 5.5 to 1 |
| 5 | `#388d8e` | `oklch(59.28% 0.0806 196.35)` | Blue Chill | black, 5.3 to 1 |
| 6 | `#358a91` | `oklch(58.52% 0.0809 203.22)` | Aqueous | black, 5.1 to 1 |
| 7 | `#348694` | `oklch(57.70% 0.0812 210.56)` | Precious Stone | black, 5 to 1 |
| 8 | `#348297` | `oklch(56.86% 0.0815 218.20)` | Kings of Sea | black, 4.8 to 1 |
| 9 | `#377e99` | `oklch(55.99% 0.0818 225.95)` | Greenland Blue | black, 4.6 to 1 |
| 10 | `#3b7a9a` | `oklch(55.14% 0.0820 233.65)` | Blue Dart Frog | white, 4.7 to 1 |
| 11 | `#40759b` | `oklch(54.30% 0.0823 241.11)` | Dull Blue | white, 4.9 to 1 |
| 12 | `#45719b` | `oklch(53.51% 0.0825 248.15)` | Naval | white, 5.1 to 1 |
| 13 | `#496d9a` | `oklch(52.78% 0.0826 254.60)` | San Marino | white, 5.3 to 1 |
| 14 | `#4d6a99` | `oklch(52.13% 0.0827 260.28)` | Blue Odyssey | white, 5.4 to 1 |
| 15 | `#506798` | `oklch(51.57% 0.0827 265.01)` | Blue Odyssey | white, 5.6 to 1 |
| 16 | `#536496` | `oklch(51.14% 0.0825 268.61)` | Dutch Blue | white, 5.7 to 1 |
| 17 | `#546395` | `oklch(50.84% 0.0823 270.90)` | Breathtaking | white, 5.8 to 1 |
| 18 | `#546294` | `oklch(50.70% 0.0820 271.71)` | Breathtaking | white, 5.8 to 1 |
| 19 | `#546294` | `oklch(50.73% 0.0815 270.86)` | Breathtaking | white, 5.8 to 1 |
| 20 | `#526495` | `oklch(50.96% 0.0808 268.07)` | Dutch Blue | white, 5.8 to 1 |
| 21 | `#4f6795` | `oklch(51.38% 0.0799 263.03)` | Blue Odyssey | white, 5.6 to 1 |
| 22 | `#4a6a96` | `oklch(51.98% 0.0788 255.98)` | Blue Odyssey | white, 5.5 to 1 |
| 23 | `#446f96` | `oklch(52.74% 0.0775 247.19)` | Postwar Boom | white, 5.3 to 1 |
| 24 | `#3f7494` | `oklch(53.63% 0.0761 236.92)` | Harbour Blue | white, 5 to 1 |
| 25 | `#3a7a91` | `oklch(54.63% 0.0745 225.46)` | Turkish Stone | white, 4.8 to 1 |
| 26 | `#397f8d` | `oklch(55.72% 0.0728 213.06)` | Larkspur | black, 4.5 to 1 |
| 27 | `#3d8488` | `oklch(56.89% 0.0711 200.00)` | Sea Caller | black, 4.8 to 1 |
| 28 | `#458881` | `oklch(58.11% 0.0693 186.55)` | Carlisle | black, 5.1 to 1 |
| 29 | `#518c7a` | `oklch(59.36% 0.0676 172.98)` | Privet Hedge | black, 5.3 to 1 |
| 30 | `#5f8f74` | `oklch(60.63% 0.0659 159.56)` | Deep Grass Green | black, 5.6 to 1 |
| 31 | `#6d916f` | `oklch(61.88% 0.0643 146.56)` | Paying Mantis | black, 5.9 to 1 |
| 32 | `#7a926c` | `oklch(63.11% 0.0628 134.24)` | Chá Lǜ Green | black, 6.1 to 1 |
| 33 | `#86946a` | `oklch(64.28% 0.0614 122.89)` | Bullfrog | black, 6.4 to 1 |
| 34 | `#90956a` | `oklch(65.39% 0.0602 112.77)` | Boston Fern | black, 6.6 to 1 |
| 35 | `#99966b` | `oklch(66.40% 0.0592 104.14)` | Silk Road | black, 6.9 to 1 |
| 36 | `#a0976d` | `oklch(67.30% 0.0585 97.29)` | Sponge | black, 7.1 to 1 |
| 37 | `#a5986f` | `oklch(68.07% 0.0580 92.48)` | Eco Green | black, 7.3 to 1 |
| 38 | `#a89971` | `oklch(68.70% 0.0579 89.94)` | Sunbaked Adobe | black, 7.4 to 1 |
| 39 | `#aa9b73` | `oklch(69.23% 0.0580 89.42)` | Sunbaked Adobe | black, 7.6 to 1 |
| 40 | `#ab9d74` | `oklch(69.70% 0.0584 90.63)` | Golden Sage | black, 7.7 to 1 |
| 41 | `#ab9e75` | `oklch(70.11% 0.0590 93.39)` | Golden Sage | black, 7.9 to 1 |
| 42 | `#aaa176` | `oklch(70.47% 0.0599 97.50)` | Fond of Fronds | black, 8 to 1 |
| 43 | `#a8a377` | `oklch(70.78% 0.0609 102.79)` | Fond of Fronds | black, 8.1 to 1 |
| 44 | `#a4a578` | `oklch(71.04% 0.0621 109.07)` | Dill Grass | black, 8.2 to 1 |
| 45 | `#a0a87a` | `oklch(71.26% 0.0634 116.14)` | Nurturing | black, 8.3 to 1 |
| 46 | `#9aaa7d` | `oklch(71.45% 0.0648 123.82)` | Forester | black, 8.4 to 1 |
| 47 | `#94ad81` | `oklch(71.60% 0.0663 131.93)` | Forest Shade | black, 8.5 to 1 |
| 48 | `#8daf87` | `oklch(71.74% 0.0678 140.27)` | Pear Cactus | black, 8.5 to 1 |
| 49 | `#86b18c` | `oklch(71.85% 0.0693 148.66)` | Shaded Willow | black, 8.6 to 1 |
| 50 | `#7fb293` | `oklch(71.94% 0.0707 156.92)` | Padua | black, 8.7 to 1 |
| 51 | `#79b399` | `oklch(72.02% 0.0721 164.84)` | Padua | black, 8.7 to 1 |
| 52 | `#73b4a0` | `oklch(72.10% 0.0734 172.26)` | Tropic Turquoise | black, 8.7 to 1 |
| 53 | `#6fb5a6` | `oklch(72.18% 0.0746 178.97)` | Lenticular Ore | black, 8.8 to 1 |
| 54 | `#6bb5ab` | `oklch(72.25% 0.0757 184.80)` | Lenticular Ore | black, 8.8 to 1 |
| 55 | `#69b5b0` | `oklch(72.34% 0.0765 189.55)` | Veranda Blue | black, 8.8 to 1 |
| 56 | `#68b6b3` | `oklch(72.44% 0.0772 193.04)` | Veranda Blue | black, 8.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #499484 0.0%, #459385 1.8%, #419288 3.6%, #3d908b 5.5%, #388d8e 7.3%, #358a91 9.1%, #348694 10.9%, #348297 12.7%, #377e99 14.5%, #3b7a9a 16.4%, #40759b 18.2%, #45719b 20.0%, #496d9a 21.8%, #4d6a99 23.6%, #506798 25.5%, #536496 27.3%, #546395 29.1%, #546294 30.9%, #546294 32.7%, #526495 34.5%, #4f6795 36.4%, #4a6a96 38.2%, #446f96 40.0%, #3f7494 41.8%, #3a7a91 43.6%, #397f8d 45.5%, #3d8488 47.3%, #458881 49.1%, #518c7a 50.9%, #5f8f74 52.7%, #6d916f 54.5%, #7a926c 56.4%, #86946a 58.2%, #90956a 60.0%, #99966b 61.8%, #a0976d 63.6%, #a5986f 65.5%, #a89971 67.3%, #aa9b73 69.1%, #ab9d74 70.9%, #ab9e75 72.7%, #aaa176 74.5%, #a8a377 76.4%, #a4a578 78.2%, #a0a87a 80.0%, #9aaa7d 81.8%, #94ad81 83.6%, #8daf87 85.5%, #86b18c 87.3%, #7fb293 89.1%, #79b399 90.9%, #73b4a0 92.7%, #6fb5a6 94.5%, #6bb5ab 96.4%, #69b5b0 98.2%, #68b6b3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0799 177.19) 0.0%, oklch(61.06% 0.0800 180.38) 1.8%, oklch(60.57% 0.0801 184.75) 3.6%, oklch(59.97% 0.0803 190.14) 5.5%, oklch(59.28% 0.0806 196.35) 7.3%, oklch(58.52% 0.0809 203.22) 9.1%, oklch(57.70% 0.0812 210.56) 10.9%, oklch(56.86% 0.0815 218.20) 12.7%, oklch(55.99% 0.0818 225.95) 14.5%, oklch(55.14% 0.0820 233.65) 16.4%, oklch(54.30% 0.0823 241.11) 18.2%, oklch(53.51% 0.0825 248.15) 20.0%, oklch(52.78% 0.0826 254.60) 21.8%, oklch(52.13% 0.0827 260.28) 23.6%, oklch(51.57% 0.0827 265.01) 25.5%, oklch(51.14% 0.0825 268.61) 27.3%, oklch(50.84% 0.0823 270.90) 29.1%, oklch(50.70% 0.0820 271.71) 30.9%, oklch(50.73% 0.0815 270.86) 32.7%, oklch(50.96% 0.0808 268.07) 34.5%, oklch(51.38% 0.0799 263.03) 36.4%, oklch(51.98% 0.0788 255.98) 38.2%, oklch(52.74% 0.0775 247.19) 40.0%, oklch(53.63% 0.0761 236.92) 41.8%, oklch(54.63% 0.0745 225.46) 43.6%, oklch(55.72% 0.0728 213.06) 45.5%, oklch(56.89% 0.0711 200.00) 47.3%, oklch(58.11% 0.0693 186.55) 49.1%, oklch(59.36% 0.0676 172.98) 50.9%, oklch(60.63% 0.0659 159.56) 52.7%, oklch(61.88% 0.0643 146.56) 54.5%, oklch(63.11% 0.0628 134.24) 56.4%, oklch(64.28% 0.0614 122.89) 58.2%, oklch(65.39% 0.0602 112.77) 60.0%, oklch(66.40% 0.0592 104.14) 61.8%, oklch(67.30% 0.0585 97.29) 63.6%, oklch(68.07% 0.0580 92.48) 65.5%, oklch(68.70% 0.0579 89.94) 67.3%, oklch(69.23% 0.0580 89.42) 69.1%, oklch(69.70% 0.0584 90.63) 70.9%, oklch(70.11% 0.0590 93.39) 72.7%, oklch(70.47% 0.0599 97.50) 74.5%, oklch(70.78% 0.0609 102.79) 76.4%, oklch(71.04% 0.0621 109.07) 78.2%, oklch(71.26% 0.0634 116.14) 80.0%, oklch(71.45% 0.0648 123.82) 81.8%, oklch(71.60% 0.0663 131.93) 83.6%, oklch(71.74% 0.0678 140.27) 85.5%, oklch(71.85% 0.0693 148.66) 87.3%, oklch(71.94% 0.0707 156.92) 89.1%, oklch(72.02% 0.0721 164.84) 90.9%, oklch(72.10% 0.0734 172.26) 92.7%, oklch(72.18% 0.0746 178.97) 94.5%, oklch(72.25% 0.0757 184.80) 96.4%, oklch(72.34% 0.0765 189.55) 98.2%, oklch(72.44% 0.0772 193.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.08 | 177.2 |
| 2 | 0.508 | 0.081 | 270.2 |
| 3 | 0.685 | 0.058 | 90.5 |
| 4 | 0.724 | 0.077 | 193 |

## In these collections

- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)

## Other forms

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