# Gray, light blue, blue and teal radial gradient

Gray, light blue, blue and teal radial gradient with 40 colors: #a1b695, #a2b998, #a5bd9c, #a9c1a2, #adc7a8, #b2cdaf, #b7d2b5, #bbd8bc, #beddc2, #c0e1c7, #c1e3cb, #c0e3cd, #bce2cd, #b6decc, #acd6c7, #9ecabf, #8cbbb4, #79a9a8, #66969b, #54828d, #436f7f, #355d71, #2a4c63, #213f58, #1a354f, #162f49, #142d47, #153049, #18384e, #1f4456, #2b535f, #3b646a, #4f7676, #668a83, #7f9d90, #98b09f, #b0c2ae, #c6d1bc, #d7dec8, #e4e8d2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUvyZgbhHDiUUyh1Cq_A`
- Page: https://grabient.com/kUvyZgbhHDiUUyh1Cq_A?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#a1b695` | `oklch(75.20% 0.0524 135.00)` | Haven | black, 9.6 to 1 |
| 2 | `#a2b998` | `oklch(75.89% 0.0521 136.20)` | Byakuroku Green | black, 9.9 to 1 |
| 3 | `#a5bd9c` | `oklch(77.01% 0.0518 137.48)` | Spring Rain | black, 10.3 to 1 |
| 4 | `#a9c1a2` | `oklch(78.46% 0.0514 138.85)` | Saxon | black, 10.8 to 1 |
| 5 | `#adc7a8` | `oklch(80.13% 0.0510 140.37)` | Pastel Meadow | black, 11.4 to 1 |
| 6 | `#b2cdaf` | `oklch(81.89% 0.0505 142.05)` | Spring Fields | black, 12.1 to 1 |
| 7 | `#b7d2b5` | `oklch(83.65% 0.0500 143.94)` | Lime Taffy | black, 12.9 to 1 |
| 8 | `#bbd8bc` | `oklch(85.30% 0.0495 146.07)` | Lamina | black, 13.6 to 1 |
| 9 | `#beddc2` | `oklch(86.72% 0.0491 148.46)` | Spirited Green | black, 14.2 to 1 |
| 10 | `#c0e1c7` | `oklch(87.81% 0.0487 151.16)` | Luna Green | black, 14.8 to 1 |
| 11 | `#c1e3cb` | `oklch(88.45% 0.0484 154.19)` | Spearmints | black, 15.1 to 1 |
| 12 | `#c0e3cd` | `oklch(88.54% 0.0482 157.60)` | Spearmints | black, 15.1 to 1 |
| 13 | `#bce2cd` | `oklch(87.96% 0.0482 161.40)` | Spearmints | black, 14.8 to 1 |
| 14 | `#b6decc` | `oklch(86.61% 0.0482 165.65)` | Aqua Bay | black, 14.2 to 1 |
| 15 | `#acd6c7` | `oklch(84.12% 0.0486 171.04)` | Scud | black, 13.1 to 1 |
| 16 | `#9ecabf` | `oklch(80.36% 0.0492 178.01)` | Cool Juniper | black, 11.6 to 1 |
| 17 | `#8cbbb4` | `oklch(75.59% 0.0500 186.19)` | Morning Green | black, 9.8 to 1 |
| 18 | `#79a9a8` | `oklch(70.06% 0.0510 195.20)` | Solution | black, 8 to 1 |
| 19 | `#66969b` | `oklch(64.04% 0.0521 204.67)` | Vintage Teal | black, 6.3 to 1 |
| 20 | `#54828d` | `oklch(57.79% 0.0533 214.20)` | Cape Lee | black, 4.9 to 1 |
| 21 | `#436f7f` | `oklch(51.55% 0.0544 223.43)` | Santorini Blue | white, 5.5 to 1 |
| 22 | `#355d71` | `oklch(45.60% 0.0554 231.98)` | Brigade | white, 7.1 to 1 |
| 23 | `#2a4c63` | `oklch(40.19% 0.0562 239.47)` | Majolica Blue | white, 9 to 1 |
| 24 | `#213f58` | `oklch(35.58% 0.0568 245.52)` | Integrity | white, 10.9 to 1 |
| 25 | `#1a354f` | `oklch(32.03% 0.0571 249.75)` | Incremental Blue | white, 12.6 to 1 |
| 26 | `#162f49` | `oklch(29.80% 0.0570 251.78)` | Crow Black Blue | white, 13.7 to 1 |
| 27 | `#142d47` | `oklch(29.13% 0.0565 251.24)` | Crow Black Blue | white, 14 to 1 |
| 28 | `#153049` | `oklch(30.20% 0.0555 247.66)` | Crow Black Blue | white, 13.4 to 1 |
| 29 | `#18384e` | `oklch(32.82% 0.0540 241.13)` | Gibraltar Sea | white, 12.2 to 1 |
| 30 | `#1f4456` | `oklch(36.74% 0.0520 232.14)` | Blue Syzygy | white, 10.4 to 1 |
| 31 | `#2b535f` | `oklch(41.70% 0.0498 221.19)` | Blue Bayberry | white, 8.4 to 1 |
| 32 | `#3b646a` | `oklch(47.46% 0.0473 208.77)` | Smock Blue | white, 6.5 to 1 |
| 33 | `#4f7676` | `oklch(53.76% 0.0446 195.36)` | Cool Waters | white, 5 to 1 |
| 34 | `#668a83` | `oklch(60.36% 0.0419 181.45)` | Marsh Creek | black, 5.5 to 1 |
| 35 | `#7f9d90` | `oklch(67.00% 0.0392 167.53)` | Seiji Green | black, 7.1 to 1 |
| 36 | `#98b09f` | `oklch(73.44% 0.0366 154.09)` | Phoenix Tears | black, 9 to 1 |
| 37 | `#b0c2ae` | `oklch(79.42% 0.0341 141.62)` | Wedding Mint | black, 11.1 to 1 |
| 38 | `#c6d1bc` | `oklch(84.70% 0.0320 130.61)` | Budding Green | black, 13.2 to 1 |
| 39 | `#d7dec8` | `oklch(89.02% 0.0303 121.55)` | Grassy Glade | black, 15.2 to 1 |
| 40 | `#e4e8d2` | `oklch(92.13% 0.0289 114.92)` | Pale Pistachio | black, 16.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a1b695 0.0%, #a2b998 2.6%, #a5bd9c 5.1%, #a9c1a2 7.7%, #adc7a8 10.3%, #b2cdaf 12.8%, #b7d2b5 15.4%, #bbd8bc 17.9%, #beddc2 20.5%, #c0e1c7 23.1%, #c1e3cb 25.6%, #c0e3cd 28.2%, #bce2cd 30.8%, #b6decc 33.3%, #acd6c7 35.9%, #9ecabf 38.5%, #8cbbb4 41.0%, #79a9a8 43.6%, #66969b 46.2%, #54828d 48.7%, #436f7f 51.3%, #355d71 53.8%, #2a4c63 56.4%, #213f58 59.0%, #1a354f 61.5%, #162f49 64.1%, #142d47 66.7%, #153049 69.2%, #18384e 71.8%, #1f4456 74.4%, #2b535f 76.9%, #3b646a 79.5%, #4f7676 82.1%, #668a83 84.6%, #7f9d90 87.2%, #98b09f 89.7%, #b0c2ae 92.3%, #c6d1bc 94.9%, #d7dec8 97.4%, #e4e8d2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.20% 0.0524 135.00) 0.0%, oklch(75.89% 0.0521 136.20) 2.6%, oklch(77.01% 0.0518 137.48) 5.1%, oklch(78.46% 0.0514 138.85) 7.7%, oklch(80.13% 0.0510 140.37) 10.3%, oklch(81.89% 0.0505 142.05) 12.8%, oklch(83.65% 0.0500 143.94) 15.4%, oklch(85.30% 0.0495 146.07) 17.9%, oklch(86.72% 0.0491 148.46) 20.5%, oklch(87.81% 0.0487 151.16) 23.1%, oklch(88.45% 0.0484 154.19) 25.6%, oklch(88.54% 0.0482 157.60) 28.2%, oklch(87.96% 0.0482 161.40) 30.8%, oklch(86.61% 0.0482 165.65) 33.3%, oklch(84.12% 0.0486 171.04) 35.9%, oklch(80.36% 0.0492 178.01) 38.5%, oklch(75.59% 0.0500 186.19) 41.0%, oklch(70.06% 0.0510 195.20) 43.6%, oklch(64.04% 0.0521 204.67) 46.2%, oklch(57.79% 0.0533 214.20) 48.7%, oklch(51.55% 0.0544 223.43) 51.3%, oklch(45.60% 0.0554 231.98) 53.8%, oklch(40.19% 0.0562 239.47) 56.4%, oklch(35.58% 0.0568 245.52) 59.0%, oklch(32.03% 0.0571 249.75) 61.5%, oklch(29.80% 0.0570 251.78) 64.1%, oklch(29.13% 0.0565 251.24) 66.7%, oklch(30.20% 0.0555 247.66) 69.2%, oklch(32.82% 0.0540 241.13) 71.8%, oklch(36.74% 0.0520 232.14) 74.4%, oklch(41.70% 0.0498 221.19) 76.9%, oklch(47.46% 0.0473 208.77) 79.5%, oklch(53.76% 0.0446 195.36) 82.1%, oklch(60.36% 0.0419 181.45) 84.6%, oklch(67.00% 0.0392 167.53) 87.2%, oklch(73.44% 0.0366 154.09) 89.7%, oklch(79.42% 0.0341 141.62) 92.3%, oklch(84.70% 0.0320 130.61) 94.9%, oklch(89.02% 0.0303 121.55) 97.4%, oklch(92.13% 0.0289 114.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.052 | 135 |
| 2 | 0.866 | 0.048 | 165.6 |
| 3 | 0.291 | 0.056 | 251.2 |
| 4 | 0.921 | 0.029 | 114.9 |

## In these collections

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

## Other forms

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