# Gray, light blue, teal and tan radial gradient

Gray, light blue, teal and tan radial gradient with 32 colors: #758e7a, #799482, #7f9c8e, #88a79d, #93b2ad, #9fbdbd, #acc8cc, #b9d2d9, #c3d9e3, #cadeea, #cce0ec, #c9dceb, #bfd4e4, #b0c8d9, #9ebacb, #89aabb, #739bab, #5e8c9a, #4a7f8a, #39757c, #2c6f70, #286d67, #2d7061, #3b755b, #507b56, #688353, #818a53, #9a9258, #b19861, #c59f6d, #d4a479, #dea784. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUnh5r8YpKL6ZOliHa_A`
- Page: https://grabient.com/kUnh5r8YpKL6ZOliHa_A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#758e7a` | `oklch(62.20% 0.0413 151.17)` | Ivy Wreath | black, 5.9 to 1 |
| 2 | `#799482` | `oklch(64.05% 0.0403 156.70)` | Fish Camp Woods | black, 6.3 to 1 |
| 3 | `#7f9c8e` | `oklch(66.77% 0.0387 164.52)` | Seiji Green | black, 7 to 1 |
| 4 | `#88a79d` | `oklch(70.12% 0.0367 174.01)` | Tropical Cascade | black, 8 to 1 |
| 5 | `#93b2ad` | `oklch(73.84% 0.0345 184.58)` | Undersea | black, 9.1 to 1 |
| 6 | `#9fbdbd` | `oklch(77.67% 0.0322 195.63)` | Seafoam Whisper | black, 10.5 to 1 |
| 7 | `#acc8cc` | `oklch(81.35% 0.0301 206.55)` | Billowy Breeze | black, 11.8 to 1 |
| 8 | `#b9d2d9` | `oklch(84.63% 0.0284 216.75)` | Bahama Breezes | black, 13.2 to 1 |
| 9 | `#c3d9e3` | `oklch(87.26% 0.0272 225.63)` | Magic Wand | black, 14.3 to 1 |
| 10 | `#cadeea` | `oklch(88.96% 0.0267 232.58)` | Caribbean Mist | black, 15.1 to 1 |
| 11 | `#cce0ec` | `oklch(89.50% 0.0272 237.01)` | Dwindling Denim | black, 15.4 to 1 |
| 12 | `#c9dceb` | `oklch(88.55% 0.0287 238.72)` | Put on Ice | black, 14.9 to 1 |
| 13 | `#bfd4e4` | `oklch(85.97% 0.0314 238.74)` | Beau Blue | black, 13.7 to 1 |
| 14 | `#b0c8d9` | `oklch(82.11% 0.0350 237.28)` | Blissful Blue | black, 12.1 to 1 |
| 15 | `#9ebacb` | `oklch(77.33% 0.0393 234.47)` | Partly Cloudy | black, 10.3 to 1 |
| 16 | `#89aabb` | `oklch(72.00% 0.0441 230.43)` | Coventry Blue | black, 8.5 to 1 |
| 17 | `#739bab` | `oklch(66.49% 0.0491 225.28)` | Meetinghouse Blue | black, 6.9 to 1 |
| 18 | `#5e8c9a` | `oklch(61.17% 0.0541 219.15)` | Bell Blue | black, 5.6 to 1 |
| 19 | `#4a7f8a` | `oklch(56.40% 0.0589 212.16)` | Wish Upon a Star | black, 4.6 to 1 |
| 20 | `#39757c` | `oklch(52.56% 0.0633 204.44)` | Ocean Slumber | white, 5.2 to 1 |
| 21 | `#2c6f70` | `oklch(50.01% 0.0669 196.11)` | Blue Hosta | white, 5.8 to 1 |
| 22 | `#286d67` | `oklch(49.10% 0.0697 187.15)` | North Sea | white, 6 to 1 |
| 23 | `#2d7061` | `oklch(49.69% 0.0720 176.04)` | Antique Green | white, 5.8 to 1 |
| 24 | `#3b755b` | `oklch(51.47% 0.0739 162.81)` | Scouring Rush | white, 5.4 to 1 |
| 25 | `#507b56` | `oklch(54.17% 0.0755 148.06)` | Torrey Pine | white, 4.8 to 1 |
| 26 | `#688353` | `oklch(57.55% 0.0768 132.42)` | Happy Camper | black, 4.9 to 1 |
| 27 | `#818a53` | `oklch(61.33% 0.0778 116.49)` | Scarabœus Nobilis | black, 5.7 to 1 |
| 28 | `#9a9258` | `oklch(65.25% 0.0787 100.88)` | Cardamom Green | black, 6.6 to 1 |
| 29 | `#b19861` | `oklch(69.06% 0.0795 86.22)` | Edgy Gold | black, 7.5 to 1 |
| 30 | `#c59f6d` | `oklch(72.49% 0.0801 73.10)` | Hazed Nuts | black, 8.5 to 1 |
| 31 | `#d4a479` | `oklch(75.28% 0.0807 62.14)` | Mulled Spice | black, 9.3 to 1 |
| 32 | `#dea784` | `oklch(77.17% 0.0813 53.95)` | Almost Apricot | black, 9.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #758e7a 0.0%, #799482 3.2%, #7f9c8e 6.5%, #88a79d 9.7%, #93b2ad 12.9%, #9fbdbd 16.1%, #acc8cc 19.4%, #b9d2d9 22.6%, #c3d9e3 25.8%, #cadeea 29.0%, #cce0ec 32.3%, #c9dceb 35.5%, #bfd4e4 38.7%, #b0c8d9 41.9%, #9ebacb 45.2%, #89aabb 48.4%, #739bab 51.6%, #5e8c9a 54.8%, #4a7f8a 58.1%, #39757c 61.3%, #2c6f70 64.5%, #286d67 67.7%, #2d7061 71.0%, #3b755b 74.2%, #507b56 77.4%, #688353 80.6%, #818a53 83.9%, #9a9258 87.1%, #b19861 90.3%, #c59f6d 93.5%, #d4a479 96.8%, #dea784 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.20% 0.0413 151.17) 0.0%, oklch(64.05% 0.0403 156.70) 3.2%, oklch(66.77% 0.0387 164.52) 6.5%, oklch(70.12% 0.0367 174.01) 9.7%, oklch(73.84% 0.0345 184.58) 12.9%, oklch(77.67% 0.0322 195.63) 16.1%, oklch(81.35% 0.0301 206.55) 19.4%, oklch(84.63% 0.0284 216.75) 22.6%, oklch(87.26% 0.0272 225.63) 25.8%, oklch(88.96% 0.0267 232.58) 29.0%, oklch(89.50% 0.0272 237.01) 32.3%, oklch(88.55% 0.0287 238.72) 35.5%, oklch(85.97% 0.0314 238.74) 38.7%, oklch(82.11% 0.0350 237.28) 41.9%, oklch(77.33% 0.0393 234.47) 45.2%, oklch(72.00% 0.0441 230.43) 48.4%, oklch(66.49% 0.0491 225.28) 51.6%, oklch(61.17% 0.0541 219.15) 54.8%, oklch(56.40% 0.0589 212.16) 58.1%, oklch(52.56% 0.0633 204.44) 61.3%, oklch(50.01% 0.0669 196.11) 64.5%, oklch(49.10% 0.0697 187.15) 67.7%, oklch(49.69% 0.0720 176.04) 71.0%, oklch(51.47% 0.0739 162.81) 74.2%, oklch(54.17% 0.0755 148.06) 77.4%, oklch(57.55% 0.0768 132.42) 80.6%, oklch(61.33% 0.0778 116.49) 83.9%, oklch(65.25% 0.0787 100.88) 87.1%, oklch(69.06% 0.0795 86.22) 90.3%, oklch(72.49% 0.0801 73.10) 93.5%, oklch(75.28% 0.0807 62.14) 96.8%, oklch(77.17% 0.0813 53.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.041 | 151.2 |
| 2 | 0.894 | 0.028 | 237.8 |
| 3 | 0.492 | 0.069 | 190.3 |
| 4 | 0.772 | 0.081 | 54 |

## Other forms

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