# Clear Water, Deep Teal

Analogous teal and light blue radial gradient with 64 colors: #007681, #017984, #017c88, #01808c, #018591, #008a97, #00909d, #0096a4, #009cab, #00a3b2, #00a9b9, #00b0c1, #00b7c8, #03bdd0, #08c4d7, #0ecade, #15d0e5, #1cd5ec, #23daf2, #2adef7, #32e1fb, #3be4ff, #54e4ff, #67e5ff, #76e5ff, #82e5ff, #8ce6ff, #95e5ff, #9ce5ff, #a1e5ff, #a6e5ff, #a9e4ff, #ace3ff, #ade3ff, #aee1ff, #ade0ff, #acdfff, #aaddff, #a9dafd, #aad7f8, #aad4f4, #a9d1ef, #a7cdea, #a3c9e5, #9fc4df, #99bed8, #93b8d0, #8cb1c8, #84aac0, #7ba2b7, #739bae, #6a93a5, #608b9b, #578392, #4e7b89, #457480, #3c6c78, #34666f, #2c5f68, #245961, #1d545a, #164f54, #104b50, #0b484c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous teal and light blue radial gradient
- Seed: `kUg0CS67HAmmVQ2ulTtA`
- Page: https://grabient.com/kUg0CS67HAmmVQ2ulTtA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#007681` | `oklch(51.57% 0.0882 206.02)` | Hypnotic Sea | white, 5.3 to 1 |
| 2 | `#017984` | `oklch(52.47% 0.0896 206.13)` | Mediterranean Cove | white, 5.1 to 1 |
| 3 | `#017c88` | `oklch(53.58% 0.0914 206.21)` | Cote D’Azur | white, 4.9 to 1 |
| 4 | `#01808c` | `oklch(54.87% 0.0937 206.28)` | Briny | white, 4.6 to 1 |
| 5 | `#018591` | `oklch(56.32% 0.0962 206.34)` | Blue Slushie | black, 4.7 to 1 |
| 6 | `#008a97` | `oklch(57.91% 0.0991 206.38)` | Zuni | black, 5 to 1 |
| 7 | `#00909d` | `oklch(59.63% 0.1021 206.44)` | Coral Coast | black, 5.4 to 1 |
| 8 | `#0096a4` | `oklch(61.43% 0.1052 206.49)` | Tile Blue | black, 5.8 to 1 |
| 9 | `#009cab` | `oklch(63.32% 0.1085 206.56)` | Lake Blue | black, 6.3 to 1 |
| 10 | `#00a3b2` | `oklch(65.25% 0.1118 206.64)` | Garish Blue | black, 6.8 to 1 |
| 11 | `#00a9b9` | `oklch(67.22% 0.1152 206.75)` | Bluebird | black, 7.3 to 1 |
| 12 | `#00b0c1` | `oklch(69.20% 0.1186 206.89)` | Antigua Blue | black, 7.9 to 1 |
| 13 | `#00b7c8` | `oklch(71.16% 0.1220 207.06)` | Lago Blue | black, 8.5 to 1 |
| 14 | `#03bdd0` | `oklch(73.09% 0.1251 207.28)` | Holiday Blue | black, 9.2 to 1 |
| 15 | `#08c4d7` | `oklch(74.96% 0.1279 207.54)` | The Crowd Roars! | black, 9.8 to 1 |
| 16 | `#0ecade` | `oklch(76.76% 0.1305 207.86)` | Picnic Day Sky | black, 10.5 to 1 |
| 17 | `#15d0e5` | `oklch(78.45% 0.1327 208.25)` | Aztec Turquoise | black, 11.1 to 1 |
| 18 | `#1cd5ec` | `oklch(80.02% 0.1344 208.70)` | Thousand Sons Blue | black, 11.7 to 1 |
| 19 | `#23daf2` | `oklch(81.45% 0.1358 209.22)` | Cold Heights | black, 12.3 to 1 |
| 20 | `#2adef7` | `oklch(82.71% 0.1366 209.83)` | Vaporwave Blue | black, 12.8 to 1 |
| 21 | `#32e1fb` | `oklch(83.78% 0.1368 210.52)` | Vaporwave Blue | black, 13.3 to 1 |
| 22 | `#3be4ff` | `oklch(84.65% 0.1358 211.29)` | Shimmering Expanse Cyan | black, 13.6 to 1 |
| 23 | `#54e4ff` | `oklch(85.37% 0.1259 212.25)` | Shimmering Expanse Cyan | black, 13.9 to 1 |
| 24 | `#67e5ff` | `oklch(86.03% 0.1165 213.44)` | Shimmering Expanse Cyan | black, 14.2 to 1 |
| 25 | `#76e5ff` | `oklch(86.63% 0.1076 214.84)` | Robin’s Egg | black, 14.4 to 1 |
| 26 | `#82e5ff` | `oklch(87.17% 0.0996 216.42)` | Tranquil Pool | black, 14.6 to 1 |
| 27 | `#8ce6ff` | `oklch(87.63% 0.0924 218.14)` | Winter Wizard | black, 14.8 to 1 |
| 28 | `#95e5ff` | `oklch(88.03% 0.0861 219.98)` | Winter Wizard | black, 14.9 to 1 |
| 29 | `#9ce5ff` | `oklch(88.35% 0.0808 221.90)` | Winter Wizard | black, 15 to 1 |
| 30 | `#a1e5ff` | `oklch(88.59% 0.0764 223.87)` | Winter Wizard | black, 15.1 to 1 |
| 31 | `#a6e5ff` | `oklch(88.75% 0.0729 225.87)` | Ganon Blue | black, 15.2 to 1 |
| 32 | `#a9e4ff` | `oklch(88.82% 0.0702 227.87)` | Frozen Landscape | black, 15.2 to 1 |
| 33 | `#ace3ff` | `oklch(88.81% 0.0684 229.83)` | Frozen Landscape | black, 15.2 to 1 |
| 34 | `#ade3ff` | `oklch(88.70% 0.0674 231.73)` | Frozen Landscape | black, 15.1 to 1 |
| 35 | `#aee1ff` | `oklch(88.50% 0.0672 233.53)` | Frozen Landscape | black, 15 to 1 |
| 36 | `#ade0ff` | `oklch(88.20% 0.0677 235.20)` | Droplet | black, 14.8 to 1 |
| 37 | `#acdfff` | `oklch(87.80% 0.0690 236.72)` | Droplet | black, 14.7 to 1 |
| 38 | `#aaddff` | `oklch(87.30% 0.0710 238.06)` | Droplet | black, 14.4 to 1 |
| 39 | `#a9dafd` | `oklch(86.68% 0.0698 239.18)` | Droplet | black, 14.1 to 1 |
| 40 | `#aad7f8` | `oklch(85.95% 0.0661 240.05)` | Malmö FF | black, 13.8 to 1 |
| 41 | `#aad4f4` | `oklch(85.11% 0.0628 240.65)` | Light Shimmer | black, 13.4 to 1 |
| 42 | `#a9d1ef` | `oklch(84.15% 0.0601 240.94)` | Marzena Dream | black, 13 to 1 |
| 43 | `#a7cdea` | `oklch(83.07% 0.0579 240.89)` | Sail | black, 12.5 to 1 |
| 44 | `#a3c9e5` | `oklch(81.78% 0.0562 240.47)` | Template | black, 12 to 1 |
| 45 | `#9fc4df` | `oklch(80.21% 0.0548 239.68)` | Pale Cerulean | black, 11.4 to 1 |
| 46 | `#99bed8` | `oklch(78.38% 0.0538 238.57)` | Bluette | black, 10.7 to 1 |
| 47 | `#93b8d0` | `oklch(76.34% 0.0530 237.15)` | Sea Mark | black, 9.9 to 1 |
| 48 | `#8cb1c8` | `oklch(74.11% 0.0524 235.48)` | Windy Day | black, 9.2 to 1 |
| 49 | `#84aac0` | `oklch(71.71% 0.0521 233.58)` | Arabella | black, 8.4 to 1 |
| 50 | `#7ba2b7` | `oklch(69.19% 0.0521 231.50)` | Grey Blue | black, 7.7 to 1 |
| 51 | `#739bae` | `oklch(66.56% 0.0521 229.25)` | Meetinghouse Blue | black, 6.9 to 1 |
| 52 | `#6a93a5` | `oklch(63.86% 0.0524 226.89)` | Wave Jumper | black, 6.3 to 1 |
| 53 | `#608b9b` | `oklch(61.12% 0.0527 224.43)` | Durban Sky | black, 5.6 to 1 |
| 54 | `#578392` | `oklch(58.37% 0.0532 221.93)` | Blue Moon Bay | black, 5 to 1 |
| 55 | `#4e7b89` | `oklch(55.63% 0.0538 219.41)` | Sky Space | white, 4.6 to 1 |
| 56 | `#457480` | `oklch(52.94% 0.0543 216.92)` | Flip | white, 5.1 to 1 |
| 57 | `#3c6c78` | `oklch(50.32% 0.0550 214.47)` | Mammoth Mountain | white, 5.7 to 1 |
| 58 | `#34666f` | `oklch(47.81% 0.0556 212.11)` | Pedigree | white, 6.4 to 1 |
| 59 | `#2c5f68` | `oklch(45.43% 0.0562 209.88)` | After the Storm | white, 7.1 to 1 |
| 60 | `#245961` | `oklch(43.22% 0.0567 207.80)` | Moonlit Pool | white, 7.8 to 1 |
| 61 | `#1d545a` | `oklch(41.21% 0.0572 205.92)` | Hidden Waters | white, 8.5 to 1 |
| 62 | `#164f54` | `oklch(39.41% 0.0576 204.27)` | Iron Teal | white, 9.2 to 1 |
| 63 | `#104b50` | `oklch(37.87% 0.0578 202.88)` | Port Malmesbury | white, 9.8 to 1 |
| 64 | `#0b484c` | `oklch(36.61% 0.0579 201.79)` | Incubi Darkness | white, 10.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #007681 0.0%, #017984 1.6%, #017c88 3.2%, #01808c 4.8%, #018591 6.3%, #008a97 7.9%, #00909d 9.5%, #0096a4 11.1%, #009cab 12.7%, #00a3b2 14.3%, #00a9b9 15.9%, #00b0c1 17.5%, #00b7c8 19.0%, #03bdd0 20.6%, #08c4d7 22.2%, #0ecade 23.8%, #15d0e5 25.4%, #1cd5ec 27.0%, #23daf2 28.6%, #2adef7 30.2%, #32e1fb 31.7%, #3be4ff 33.3%, #54e4ff 34.9%, #67e5ff 36.5%, #76e5ff 38.1%, #82e5ff 39.7%, #8ce6ff 41.3%, #95e5ff 42.9%, #9ce5ff 44.4%, #a1e5ff 46.0%, #a6e5ff 47.6%, #a9e4ff 49.2%, #ace3ff 50.8%, #ade3ff 52.4%, #aee1ff 54.0%, #ade0ff 55.6%, #acdfff 57.1%, #aaddff 58.7%, #a9dafd 60.3%, #aad7f8 61.9%, #aad4f4 63.5%, #a9d1ef 65.1%, #a7cdea 66.7%, #a3c9e5 68.3%, #9fc4df 69.8%, #99bed8 71.4%, #93b8d0 73.0%, #8cb1c8 74.6%, #84aac0 76.2%, #7ba2b7 77.8%, #739bae 79.4%, #6a93a5 81.0%, #608b9b 82.5%, #578392 84.1%, #4e7b89 85.7%, #457480 87.3%, #3c6c78 88.9%, #34666f 90.5%, #2c5f68 92.1%, #245961 93.7%, #1d545a 95.2%, #164f54 96.8%, #104b50 98.4%, #0b484c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.57% 0.0882 206.02) 0.0%, oklch(52.47% 0.0896 206.13) 1.6%, oklch(53.58% 0.0914 206.21) 3.2%, oklch(54.87% 0.0937 206.28) 4.8%, oklch(56.32% 0.0962 206.34) 6.3%, oklch(57.91% 0.0991 206.38) 7.9%, oklch(59.63% 0.1021 206.44) 9.5%, oklch(61.43% 0.1052 206.49) 11.1%, oklch(63.32% 0.1085 206.56) 12.7%, oklch(65.25% 0.1118 206.64) 14.3%, oklch(67.22% 0.1152 206.75) 15.9%, oklch(69.20% 0.1186 206.89) 17.5%, oklch(71.16% 0.1220 207.06) 19.0%, oklch(73.09% 0.1251 207.28) 20.6%, oklch(74.96% 0.1279 207.54) 22.2%, oklch(76.76% 0.1305 207.86) 23.8%, oklch(78.45% 0.1327 208.25) 25.4%, oklch(80.02% 0.1344 208.70) 27.0%, oklch(81.45% 0.1358 209.22) 28.6%, oklch(82.71% 0.1366 209.83) 30.2%, oklch(83.78% 0.1368 210.52) 31.7%, oklch(84.65% 0.1358 211.29) 33.3%, oklch(85.37% 0.1259 212.25) 34.9%, oklch(86.03% 0.1165 213.44) 36.5%, oklch(86.63% 0.1076 214.84) 38.1%, oklch(87.17% 0.0996 216.42) 39.7%, oklch(87.63% 0.0924 218.14) 41.3%, oklch(88.03% 0.0861 219.98) 42.9%, oklch(88.35% 0.0808 221.90) 44.4%, oklch(88.59% 0.0764 223.87) 46.0%, oklch(88.75% 0.0729 225.87) 47.6%, oklch(88.82% 0.0702 227.87) 49.2%, oklch(88.81% 0.0684 229.83) 50.8%, oklch(88.70% 0.0674 231.73) 52.4%, oklch(88.50% 0.0672 233.53) 54.0%, oklch(88.20% 0.0677 235.20) 55.6%, oklch(87.80% 0.0690 236.72) 57.1%, oklch(87.30% 0.0710 238.06) 58.7%, oklch(86.68% 0.0698 239.18) 60.3%, oklch(85.95% 0.0661 240.05) 61.9%, oklch(85.11% 0.0628 240.65) 63.5%, oklch(84.15% 0.0601 240.94) 65.1%, oklch(83.07% 0.0579 240.89) 66.7%, oklch(81.78% 0.0562 240.47) 68.3%, oklch(80.21% 0.0548 239.68) 69.8%, oklch(78.38% 0.0538 238.57) 71.4%, oklch(76.34% 0.0530 237.15) 73.0%, oklch(74.11% 0.0524 235.48) 74.6%, oklch(71.71% 0.0521 233.58) 76.2%, oklch(69.19% 0.0521 231.50) 77.8%, oklch(66.56% 0.0521 229.25) 79.4%, oklch(63.86% 0.0524 226.89) 81.0%, oklch(61.12% 0.0527 224.43) 82.5%, oklch(58.37% 0.0532 221.93) 84.1%, oklch(55.63% 0.0538 219.41) 85.7%, oklch(52.94% 0.0543 216.92) 87.3%, oklch(50.32% 0.0550 214.47) 88.9%, oklch(47.81% 0.0556 212.11) 90.5%, oklch(45.43% 0.0562 209.88) 92.1%, oklch(43.22% 0.0567 207.80) 93.7%, oklch(41.21% 0.0572 205.92) 95.2%, oklch(39.41% 0.0576 204.27) 96.8%, oklch(37.87% 0.0578 202.88) 98.4%, oklch(36.61% 0.0579 201.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.088 | 206 |
| 2 | 0.846 | 0.136 | 211.3 |
| 3 | 0.831 | 0.058 | 240.9 |
| 4 | 0.366 | 0.058 | 201.8 |

## In these collections

- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

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