# Seagrass seafoam sand rings

Dark green, teal, green and blue radial gradient with 40 colors: #185937, #195d3d, #1c6145, #1f674e, #256d59, #2c7364, #347a70, #3d817b, #478886, #518f90, #5b9699, #639ca1, #6ba2a7, #70a7ac, #76adaf, #7bb2b1, #81b8b2, #88beb1, #90c3ae, #9ac8ab, #a4cba7, #afcda3, #b8cf9f, #c0cf9b, #c5cf98, #c7ce95, #c5cd91, #beca8e, #b1c78b, #9fc38a, #88be8b, #6eb78f, #50af95, #2fa59c, #0699a3, #008ca7, #0480aa, #1f74aa, #2d6aa8, #3662a6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, teal, green and blue radial gradient
- Seed: `kUaT9vWBVFekctW_q1EA`
- Page: https://grabient.com/kUaT9vWBVFekctW_q1EA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 5 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 | `#185937` | `oklch(41.34% 0.0868 156.09)` | Crusoe | white, 8.3 to 1 |
| 2 | `#195d3d` | `oklch(42.61% 0.0854 158.52)` | Greenbriar | white, 7.8 to 1 |
| 3 | `#1c6145` | `oklch(44.25% 0.0835 162.04)` | Green Paw Paw | white, 7.3 to 1 |
| 4 | `#1f674e` | `oklch(46.18% 0.0811 166.42)` | Brunswick | white, 6.7 to 1 |
| 5 | `#256d59` | `oklch(48.36% 0.0784 171.40)` | Sparkling Emerald | white, 6.1 to 1 |
| 6 | `#2c7364` | `oklch(50.72% 0.0755 176.75)` | Nordic Forest | white, 5.5 to 1 |
| 7 | `#347a70` | `oklch(53.20% 0.0725 182.20)` | Pearl Green | white, 5 to 1 |
| 8 | `#3d817b` | `oklch(55.76% 0.0696 187.51)` | Bubble Turquoise | black, 4.6 to 1 |
| 9 | `#478886` | `oklch(58.33% 0.0667 192.44)` | Jericho Jade | black, 5.1 to 1 |
| 10 | `#518f90` | `oklch(60.85% 0.0641 196.73)` | Bristol Blue | black, 5.6 to 1 |
| 11 | `#5b9699` | `oklch(63.26% 0.0618 200.14)` | Peaceful Pond | black, 6.2 to 1 |
| 12 | `#639ca1` | `oklch(65.51% 0.0599 202.42)` | Beach Blue | black, 6.7 to 1 |
| 13 | `#6ba2a7` | `oklch(67.54% 0.0586 203.32)` | Fairstar | black, 7.3 to 1 |
| 14 | `#70a7ac` | `oklch(69.29% 0.0579 202.59)` | Water Cooler | black, 7.8 to 1 |
| 15 | `#76adaf` | `oklch(70.92% 0.0578 199.56)` | Venice Escape | black, 8.3 to 1 |
| 16 | `#7bb2b1` | `oklch(72.61% 0.0581 194.05)` | Galaxy Green | black, 8.8 to 1 |
| 17 | `#81b8b2` | `oklch(74.32% 0.0589 186.56)` | Winter Surf | black, 9.4 to 1 |
| 18 | `#88beb1` | `oklch(75.99% 0.0599 177.60)` | Mild Evergreen | black, 10 to 1 |
| 19 | `#90c3ae` | `oklch(77.60% 0.0613 167.67)` | Bella Green | black, 10.6 to 1 |
| 20 | `#9ac8ab` | `oklch(79.09% 0.0630 157.28)` | Mini Green | black, 11.1 to 1 |
| 21 | `#a4cba7` | `oklch(80.42% 0.0649 146.92)` | Limestoned | black, 11.6 to 1 |
| 22 | `#afcda3` | `oklch(81.55% 0.0669 137.11)` | Garden Room | black, 12.1 to 1 |
| 23 | `#b8cf9f` | `oklch(82.43% 0.0691 128.35)` | Apium | black, 12.4 to 1 |
| 24 | `#c0cf9b` | `oklch(83.03% 0.0714 121.13)` | Fava Bean | black, 12.6 to 1 |
| 25 | `#c5cf98` | `oklch(83.30% 0.0738 115.97)` | Cricket Field | black, 12.7 to 1 |
| 26 | `#c7ce95` | `oklch(83.20% 0.0762 113.37)` | Dancing Green | black, 12.6 to 1 |
| 27 | `#c5cd91` | `oklch(82.68% 0.0785 113.82)` | Dancing Green | black, 12.4 to 1 |
| 28 | `#beca8e` | `oklch(81.58% 0.0811 117.70)` | Natural Green | black, 12 to 1 |
| 29 | `#b1c78b` | `oklch(79.86% 0.0840 124.68)` | Venerable Verde | black, 11.4 to 1 |
| 30 | `#9fc38a` | `oklch(77.61% 0.0873 134.25)` | Cos | black, 10.6 to 1 |
| 31 | `#88be8b` | `oklch(74.95% 0.0907 145.89)` | Green Masquerade | black, 9.7 to 1 |
| 32 | `#6eb78f` | `oklch(71.98% 0.0943 159.09)` | Water Fern | black, 8.8 to 1 |
| 33 | `#50af95` | `oklch(68.80% 0.0980 173.32)` | Hole in One | black, 7.8 to 1 |
| 34 | `#2fa59c` | `oklch(65.54% 0.1016 188.07)` | Bahaman Bliss | black, 6.9 to 1 |
| 35 | `#0699a3` | `oklch(62.29% 0.1052 202.83)` | Island Dream | black, 6.1 to 1 |
| 36 | `#008ca7` | `oklch(59.16% 0.1057 217.08)` | Quintana | black, 5.3 to 1 |
| 37 | `#0480aa` | `oklch(56.25% 0.1116 230.29)` | Oh so Vo | black, 4.6 to 1 |
| 38 | `#1f74aa` | `oklch(53.69% 0.1144 241.96)` | Reef Escape | white, 5 to 1 |
| 39 | `#2d6aa8` | `oklch(51.57% 0.1167 251.57)` | In the Nick | white, 5.6 to 1 |
| 40 | `#3662a6` | `oklch(50.00% 0.1185 258.60)` | International | white, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #185937 0.0%, #195d3d 2.6%, #1c6145 5.1%, #1f674e 7.7%, #256d59 10.3%, #2c7364 12.8%, #347a70 15.4%, #3d817b 17.9%, #478886 20.5%, #518f90 23.1%, #5b9699 25.6%, #639ca1 28.2%, #6ba2a7 30.8%, #70a7ac 33.3%, #76adaf 35.9%, #7bb2b1 38.5%, #81b8b2 41.0%, #88beb1 43.6%, #90c3ae 46.2%, #9ac8ab 48.7%, #a4cba7 51.3%, #afcda3 53.8%, #b8cf9f 56.4%, #c0cf9b 59.0%, #c5cf98 61.5%, #c7ce95 64.1%, #c5cd91 66.7%, #beca8e 69.2%, #b1c78b 71.8%, #9fc38a 74.4%, #88be8b 76.9%, #6eb78f 79.5%, #50af95 82.1%, #2fa59c 84.6%, #0699a3 87.2%, #008ca7 89.7%, #0480aa 92.3%, #1f74aa 94.9%, #2d6aa8 97.4%, #3662a6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(41.34% 0.0868 156.09) 0.0%, oklch(42.61% 0.0854 158.52) 2.6%, oklch(44.25% 0.0835 162.04) 5.1%, oklch(46.18% 0.0811 166.42) 7.7%, oklch(48.36% 0.0784 171.40) 10.3%, oklch(50.72% 0.0755 176.75) 12.8%, oklch(53.20% 0.0725 182.20) 15.4%, oklch(55.76% 0.0696 187.51) 17.9%, oklch(58.33% 0.0667 192.44) 20.5%, oklch(60.85% 0.0641 196.73) 23.1%, oklch(63.26% 0.0618 200.14) 25.6%, oklch(65.51% 0.0599 202.42) 28.2%, oklch(67.54% 0.0586 203.32) 30.8%, oklch(69.29% 0.0579 202.59) 33.3%, oklch(70.92% 0.0578 199.56) 35.9%, oklch(72.61% 0.0581 194.05) 38.5%, oklch(74.32% 0.0589 186.56) 41.0%, oklch(75.99% 0.0599 177.60) 43.6%, oklch(77.60% 0.0613 167.67) 46.2%, oklch(79.09% 0.0630 157.28) 48.7%, oklch(80.42% 0.0649 146.92) 51.3%, oklch(81.55% 0.0669 137.11) 53.8%, oklch(82.43% 0.0691 128.35) 56.4%, oklch(83.03% 0.0714 121.13) 59.0%, oklch(83.30% 0.0738 115.97) 61.5%, oklch(83.20% 0.0762 113.37) 64.1%, oklch(82.68% 0.0785 113.82) 66.7%, oklch(81.58% 0.0811 117.70) 69.2%, oklch(79.86% 0.0840 124.68) 71.8%, oklch(77.61% 0.0873 134.25) 74.4%, oklch(74.95% 0.0907 145.89) 76.9%, oklch(71.98% 0.0943 159.09) 79.5%, oklch(68.80% 0.0980 173.32) 82.1%, oklch(65.54% 0.1016 188.07) 84.6%, oklch(62.29% 0.1052 202.83) 87.2%, oklch(59.16% 0.1057 217.08) 89.7%, oklch(56.25% 0.1116 230.29) 92.3%, oklch(53.69% 0.1144 241.96) 94.9%, oklch(51.57% 0.1167 251.57) 97.4%, oklch(50.00% 0.1185 258.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.087 | 156.1 |
| 2 | 0.693 | 0.058 | 202.6 |
| 3 | 0.827 | 0.079 | 113.8 |
| 4 | 0.5 | 0.119 | 258.6 |

## In these collections

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

## Other forms

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