# Rust mint water rings

Light blue, gray and purple radial gradient with 32 colors: #7ed5c8, #83d6c8, #8bd8c8, #95dac9, #9fdcca, #a9decb, #b1dfcd, #b8e0cf, #bcdfd0, #bcddd1, #bad9d0, #b3d2cd, #a8c6c6, #99b7bd, #8ba6b1, #7d94a5, #728198, #6b6f89, #665f7b, #65546d, #654c62, #694b5a, #714f58, #7c5959, #89675e, #967967, #a48d74, #b0a285, #bcb798, #c6c9aa, #ced9bb, #d3e4c8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, gray and purple radial gradient
- Seed: `kUzz-C7Iy_TkRU1yD1Gg`
- Page: https://grabient.com/kUzz-C7Iy_TkRU1yD1Gg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.6 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 | `#7ed5c8` | `oklch(81.50% 0.0868 183.52)` | Shore | black, 12.2 to 1 |
| 2 | `#83d6c8` | `oklch(81.91% 0.0835 182.50)` | Shore | black, 12.4 to 1 |
| 3 | `#8bd8c8` | `oklch(82.68% 0.0790 180.27)` | Riptide | black, 12.7 to 1 |
| 4 | `#95dac9` | `oklch(83.68% 0.0735 177.31)` | Pageant Green | black, 13.1 to 1 |
| 5 | `#9fdcca` | `oklch(84.78% 0.0674 174.09)` | Tropical Freeze | black, 13.5 to 1 |
| 6 | `#a9decb` | `oklch(85.84% 0.0609 171.08)` | Prism | black, 13.9 to 1 |
| 7 | `#b1dfcd` | `oklch(86.73% 0.0545 168.76)` | Brook Green | black, 14.3 to 1 |
| 8 | `#b8e0cf` | `oklch(87.32% 0.0484 167.61)` | Desert Mirage | black, 14.5 to 1 |
| 9 | `#bcdfd0` | `oklch(87.48% 0.0429 168.09)` | Mint Mist | black, 14.6 to 1 |
| 10 | `#bcddd1` | `oklch(87.07% 0.0384 170.68)` | Mirador | black, 14.4 to 1 |
| 11 | `#bad9d0` | `oklch(85.98% 0.0352 175.85)` | Serene Breeze | black, 13.9 to 1 |
| 12 | `#b3d2cd` | `oklch(83.91% 0.0335 184.05)` | Icy Morn | black, 12.9 to 1 |
| 13 | `#a8c6c6` | `oklch(80.48% 0.0330 195.21)` | Blende Blue | black, 11.5 to 1 |
| 14 | `#99b7bd` | `oklch(76.02% 0.0335 208.83)` | Peaceful Blue | black, 9.9 to 1 |
| 15 | `#8ba6b1` | `oklch(70.86% 0.0348 224.42)` | Blue Skylights | black, 8.1 to 1 |
| 16 | `#7d94a5` | `oklch(65.36% 0.0367 241.49)` | Storm Petrel | black, 6.6 to 1 |
| 17 | `#728198` | `oklch(59.88% 0.0388 259.53)` | Stonewash | black, 5.2 to 1 |
| 18 | `#6b6f89` | `oklch(54.77% 0.0411 278.05)` | Deep Larkspur | white, 4.9 to 1 |
| 19 | `#665f7b` | `oklch(50.38% 0.0433 296.56)` | Blue Potato | white, 5.9 to 1 |
| 20 | `#65546d` | `oklch(47.06% 0.0452 314.54)` | Vintner | white, 6.9 to 1 |
| 21 | `#654c62` | `oklch(45.17% 0.0464 331.52)` | Vicarious Violet | white, 7.5 to 1 |
| 22 | `#694b5a` | `oklch(45.06% 0.0469 347.15)` | Magos | white, 7.6 to 1 |
| 23 | `#714f58` | `oklch(46.82% 0.0470 3.15)` | Plum Wine | white, 7 to 1 |
| 24 | `#7c5959` | `oklch(50.12% 0.0467 19.80)` | Berry Brandy | white, 6.1 to 1 |
| 25 | `#89675e` | `oklch(54.62% 0.0462 36.74)` | Baby Burro | white, 5 to 1 |
| 26 | `#967967` | `oklch(59.96% 0.0455 53.59)` | True Walnut | black, 5.2 to 1 |
| 27 | `#a48d74` | `oklch(65.78% 0.0447 69.98)` | Elk | black, 6.6 to 1 |
| 28 | `#b0a285` | `oklch(71.73% 0.0439 85.54)` | Cactus Hill | black, 8.3 to 1 |
| 29 | `#bcb798` | `oklch(77.46% 0.0431 99.90)` | Bog | black, 10.3 to 1 |
| 30 | `#c6c9aa` | `oklch(82.61% 0.0423 112.70)` | Desert Hot Springs | black, 12.3 to 1 |
| 31 | `#ced9bb` | `oklch(86.83% 0.0417 123.55)` | Spring Joy | black, 14.2 to 1 |
| 32 | `#d3e4c8` | `oklch(89.76% 0.0413 132.09)` | Lime Flip | black, 15.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7ed5c8 0.0%, #83d6c8 3.2%, #8bd8c8 6.5%, #95dac9 9.7%, #9fdcca 12.9%, #a9decb 16.1%, #b1dfcd 19.4%, #b8e0cf 22.6%, #bcdfd0 25.8%, #bcddd1 29.0%, #bad9d0 32.3%, #b3d2cd 35.5%, #a8c6c6 38.7%, #99b7bd 41.9%, #8ba6b1 45.2%, #7d94a5 48.4%, #728198 51.6%, #6b6f89 54.8%, #665f7b 58.1%, #65546d 61.3%, #654c62 64.5%, #694b5a 67.7%, #714f58 71.0%, #7c5959 74.2%, #89675e 77.4%, #967967 80.6%, #a48d74 83.9%, #b0a285 87.1%, #bcb798 90.3%, #c6c9aa 93.5%, #ced9bb 96.8%, #d3e4c8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0868 183.52) 0.0%, oklch(81.91% 0.0835 182.50) 3.2%, oklch(82.68% 0.0790 180.27) 6.5%, oklch(83.68% 0.0735 177.31) 9.7%, oklch(84.78% 0.0674 174.09) 12.9%, oklch(85.84% 0.0609 171.08) 16.1%, oklch(86.73% 0.0545 168.76) 19.4%, oklch(87.32% 0.0484 167.61) 22.6%, oklch(87.48% 0.0429 168.09) 25.8%, oklch(87.07% 0.0384 170.68) 29.0%, oklch(85.98% 0.0352 175.85) 32.3%, oklch(83.91% 0.0335 184.05) 35.5%, oklch(80.48% 0.0330 195.21) 38.7%, oklch(76.02% 0.0335 208.83) 41.9%, oklch(70.86% 0.0348 224.42) 45.2%, oklch(65.36% 0.0367 241.49) 48.4%, oklch(59.88% 0.0388 259.53) 51.6%, oklch(54.77% 0.0411 278.05) 54.8%, oklch(50.38% 0.0433 296.56) 58.1%, oklch(47.06% 0.0452 314.54) 61.3%, oklch(45.17% 0.0464 331.52) 64.5%, oklch(45.06% 0.0469 347.15) 67.7%, oklch(46.82% 0.0470 3.15) 71.0%, oklch(50.12% 0.0467 19.80) 74.2%, oklch(54.62% 0.0462 36.74) 77.4%, oklch(59.96% 0.0455 53.59) 80.6%, oklch(65.78% 0.0447 69.98) 83.9%, oklch(71.73% 0.0439 85.54) 87.1%, oklch(77.46% 0.0431 99.90) 90.3%, oklch(82.61% 0.0423 112.70) 93.5%, oklch(86.83% 0.0417 123.55) 96.8%, oklch(89.76% 0.0413 132.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.087 | 183.5 |
| 2 | 0.854 | 0.034 | 178.2 |
| 3 | 0.449 | 0.047 | 342 |
| 4 | 0.898 | 0.041 | 492.1 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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