# Snow ring over deep fir

Light green, gray, light blue and blue radial gradient with 32 colors: #b7dbb2, #98c6a8, #70a69a, #4e8086, #375b6c, #273b51, #1b273c, #111e32, #051b2c, #001d26, #002122, #002a22, #103425, #234434, #3e6053, #62837d, #8ba9a9, #b2cbd1, #cee3ed, #d6eaf7, #cbe0f1, #b3cadf, #94adc8, #7590b0, #5b789b, #4a698e, #3f6086, #345c80, #2b5a7c, #225978, #1a5975, #135872. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light green, gray, light blue and blue radial gradient
- Seed: `kY2TFkoY_OKgSNB1ichQhlCjccPM`
- Page: https://grabient.com/kY2TFkoY_OKgSNB1ichQhlCjccPM?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 14.1 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 | `#b7dbb2` | `oklch(85.43% 0.0675 141.33)` | A Mann’s Mint | black, 13.7 to 1 |
| 2 | `#98c6a8` | `oklch(78.56% 0.0646 156.33)` | Mini Green | black, 10.9 to 1 |
| 3 | `#70a69a` | `oklch(68.49% 0.0602 179.06)` | Twining Vine | black, 7.6 to 1 |
| 4 | `#4e8086` | `oklch(56.79% 0.0552 205.20)` | Tapestry Teal | black, 4.7 to 1 |
| 5 | `#375b6c` | `oklch(44.99% 0.0502 230.47)` | Blue Spell | white, 7.3 to 1 |
| 6 | `#273b51` | `oklch(34.66% 0.0459 250.56)` | Cool Air of Debonair | white, 11.4 to 1 |
| 7 | `#1b273c` | `oklch(27.34% 0.0431 261.19)` | Eternal Darkness | white, 14.9 to 1 |
| 8 | `#111e32` | `oklch(23.49% 0.0423 258.41)` | Trapped Darkness | white, 16.6 to 1 |
| 9 | `#051b2c` | `oklch(21.50% 0.0433 243.68)` | Oxford by Night | white, 17.4 to 1 |
| 10 | `#001d26` | `oklch(21.22% 0.0393 222.15)` | Oxford by Night | white, 17.5 to 1 |
| 11 | `#002122` | `oklch(22.52% 0.0383 198.01)` | Stellar Explorer | white, 16.9 to 1 |
| 12 | `#002a22` | `oklch(25.30% 0.0470 176.77)` | Deep Slate Green | white, 15.5 to 1 |
| 13 | `#103425` | `oklch(29.46% 0.0500 163.48)` | Phthalo Green | white, 13.6 to 1 |
| 14 | `#234434` | `oklch(35.62% 0.0483 161.71)` | Everglade | white, 10.7 to 1 |
| 15 | `#3e6053` | `oklch(45.78% 0.0441 168.72)` | Tropical Foliage | white, 7 to 1 |
| 16 | `#62837d` | `oklch(58.32% 0.0385 181.48)` | Greenella | black, 5 to 1 |
| 17 | `#8ba9a9` | `oklch(71.26% 0.0329 197.21)` | Harbour Mist | black, 8.3 to 1 |
| 18 | `#b2cbd1` | `oklch(82.61% 0.0283 213.16)` | April Tears | black, 12.3 to 1 |
| 19 | `#cee3ed` | `oklch(90.39% 0.0260 226.55)` | Soft Cloud | black, 15.8 to 1 |
| 20 | `#d6eaf7` | `oklch(92.71% 0.0271 235.11)` | Freezing Vapour | black, 17 to 1 |
| 21 | `#cbe0f1` | `oklch(89.61% 0.0320 241.47)` | First Shade of Blue | black, 15.4 to 1 |
| 22 | `#b3cadf` | `oklch(82.74% 0.0395 246.57)` | Wind Blue | black, 12.3 to 1 |
| 23 | `#94adc8` | `oklch(73.80% 0.0482 250.40)` | Nordland Light Blue | black, 9 to 1 |
| 24 | `#7590b0` | `oklch(64.45% 0.0570 252.97)` | Allure | black, 6.3 to 1 |
| 25 | `#5b789b` | `oklch(56.38% 0.0646 254.27)` | Quiet Harbour | black, 4.5 to 1 |
| 26 | `#4a698e` | `oklch(51.20% 0.0697 254.27)` | Snake River | white, 5.6 to 1 |
| 27 | `#3f6086` | `oklch(48.15% 0.0728 251.95)` | Functional Blue | white, 6.4 to 1 |
| 28 | `#345c80` | `oklch(46.19% 0.0747 247.54)` | Matisse | white, 7 to 1 |
| 29 | `#2b5a7c` | `oklch(45.01% 0.0758 242.00)` | Dark Blue | white, 7.3 to 1 |
| 30 | `#225978` | `oklch(44.34% 0.0763 236.26)` | Sea Hunter | white, 7.5 to 1 |
| 31 | `#1a5975` | `oklch(43.86% 0.0767 231.27)` | Ink Blue | white, 7.6 to 1 |
| 32 | `#135872` | `oklch(43.31% 0.0772 227.98)` | Broadway | white, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b7dbb2 0.0%, #98c6a8 3.2%, #70a69a 6.5%, #4e8086 9.7%, #375b6c 12.9%, #273b51 16.1%, #1b273c 19.4%, #111e32 22.6%, #051b2c 25.8%, #001d26 29.0%, #002122 32.3%, #002a22 35.5%, #103425 38.7%, #234434 41.9%, #3e6053 45.2%, #62837d 48.4%, #8ba9a9 51.6%, #b2cbd1 54.8%, #cee3ed 58.1%, #d6eaf7 61.3%, #cbe0f1 64.5%, #b3cadf 67.7%, #94adc8 71.0%, #7590b0 74.2%, #5b789b 77.4%, #4a698e 80.6%, #3f6086 83.9%, #345c80 87.1%, #2b5a7c 90.3%, #225978 93.5%, #1a5975 96.8%, #135872 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.43% 0.0675 141.33) 0.0%, oklch(78.56% 0.0646 156.33) 3.2%, oklch(68.49% 0.0602 179.06) 6.5%, oklch(56.79% 0.0552 205.20) 9.7%, oklch(44.99% 0.0502 230.47) 12.9%, oklch(34.66% 0.0459 250.56) 16.1%, oklch(27.34% 0.0431 261.19) 19.4%, oklch(23.49% 0.0423 258.41) 22.6%, oklch(21.50% 0.0433 243.68) 25.8%, oklch(21.22% 0.0393 222.15) 29.0%, oklch(22.52% 0.0383 198.01) 32.3%, oklch(25.30% 0.0470 176.77) 35.5%, oklch(29.46% 0.0500 163.48) 38.7%, oklch(35.62% 0.0483 161.71) 41.9%, oklch(45.78% 0.0441 168.72) 45.2%, oklch(58.32% 0.0385 181.48) 48.4%, oklch(71.26% 0.0329 197.21) 51.6%, oklch(82.61% 0.0283 213.16) 54.8%, oklch(90.39% 0.0260 226.55) 58.1%, oklch(92.71% 0.0271 235.11) 61.3%, oklch(89.61% 0.0320 241.47) 64.5%, oklch(82.74% 0.0395 246.57) 67.7%, oklch(73.80% 0.0482 250.40) 71.0%, oklch(64.45% 0.0570 252.97) 74.2%, oklch(56.38% 0.0646 254.27) 77.4%, oklch(51.20% 0.0697 254.27) 80.6%, oklch(48.15% 0.0728 251.95) 83.9%, oklch(46.19% 0.0747 247.54) 87.1%, oklch(45.01% 0.0758 242.00) 90.3%, oklch(44.34% 0.0763 236.26) 93.5%, oklch(43.86% 0.0767 231.27) 96.8%, oklch(43.31% 0.0772 227.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.068 | 141.3 |
| 2 | 0.264 | 0.043 | 261.8 |
| 3 | 0.315 | 0.05 | 161.4 |
| 4 | 0.925 | 0.026 | 232.2 |
| 5 | 0.52 | 0.069 | 254.4 |
| 6 | 0.433 | 0.077 | 228 |

## In these collections

- [Winter](https://grabient.com/winter)

## Other forms

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