# Storm teal canola glow

Gray to blue radial gradient with 48 colors: #a8b18e, #a7b08c, #a6af8a, #a4ae88, #a3ac85, #a1ab81, #9fa97e, #9ea77a, #9ca577, #9aa373, #97a170, #95a06c, #929e69, #8e9c67, #8a9b65, #869a64, #819964, #7c9965, #759867, #6d986a, #65986e, #5c9773, #539678, #4b957e, #449483, #3d9289, #39908e, #378e92, #368b95, #378997, #388799, #398499, #3a8299, #3a8198, #3a7f97, #3a7d95, #3a7b93, #397a90, #38788d, #37778b, #367688, #357485, #347382, #34727f, #33717d, #33707b, #336f79, #336e78. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray to blue radial gradient
- Seed: `kUvSRVUx1A0kdSvAFz6g`
- Page: https://grabient.com/kUvSRVUx1A0kdSvAFz6g?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 2.5 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 | `#a8b18e` | `oklch(74.41% 0.0496 119.53)` | Family Tree | black, 9.3 to 1 |
| 2 | `#a7b08c` | `oklch(74.08% 0.0508 119.63)` | Filigree Green | black, 9.2 to 1 |
| 3 | `#a6af8a` | `oklch(73.68% 0.0522 119.51)` | Filigree Green | black, 9.1 to 1 |
| 4 | `#a4ae88` | `oklch(73.22% 0.0540 119.22)` | Filigree Green | black, 8.9 to 1 |
| 5 | `#a3ac85` | `oklch(72.71% 0.0559 118.82)` | Cucumber Crush | black, 8.8 to 1 |
| 6 | `#a1ab81` | `oklch(72.15% 0.0581 118.38)` | Cucumber Crush | black, 8.6 to 1 |
| 7 | `#9fa97e` | `oklch(71.55% 0.0604 117.95)` | Nurturing | black, 8.4 to 1 |
| 8 | `#9ea77a` | `oklch(70.92% 0.0628 117.60)` | Forester | black, 8.2 to 1 |
| 9 | `#9ca577` | `oklch(70.26% 0.0652 117.40)` | Cucuzza Verde | black, 8 to 1 |
| 10 | `#9aa373` | `oklch(69.60% 0.0676 117.39)` | Cucuzza Verde | black, 7.8 to 1 |
| 11 | `#97a170` | `oklch(68.92% 0.0699 117.64)` | Ivy Enchantment | black, 7.6 to 1 |
| 12 | `#95a06c` | `oklch(68.25% 0.0722 118.21)` | Ivy Enchantment | black, 7.4 to 1 |
| 13 | `#929e69` | `oklch(67.58% 0.0743 119.17)` | Buckingham Gardens | black, 7.3 to 1 |
| 14 | `#8e9c67` | `oklch(66.94% 0.0762 120.56)` | Reptilian Leader | black, 7.1 to 1 |
| 15 | `#8a9b65` | `oklch(66.31% 0.0778 122.47)` | Agave Plant | black, 6.9 to 1 |
| 16 | `#869a64` | `oklch(65.72% 0.0792 124.94)` | Walking Dead | black, 6.8 to 1 |
| 17 | `#819964` | `oklch(65.17% 0.0802 128.06)` | Pea Aubergine | black, 6.7 to 1 |
| 18 | `#7c9965` | `oklch(64.64% 0.0811 132.14)` | Pea Aubergine | black, 6.5 to 1 |
| 19 | `#759867` | `oklch(64.11% 0.0817 137.14)` | Mosslands | black, 6.4 to 1 |
| 20 | `#6d986a` | `oklch(63.59% 0.0822 142.92)` | Leafy | black, 6.3 to 1 |
| 21 | `#65986e` | `oklch(63.07% 0.0826 149.32)` | Rosemary Green | black, 6.2 to 1 |
| 22 | `#5c9773` | `oklch(62.56% 0.0828 156.21)` | Fake Fern | black, 6.1 to 1 |
| 23 | `#539678` | `oklch(62.05% 0.0829 163.42)` | Fake Fern | black, 6 to 1 |
| 24 | `#4b957e` | `oklch(61.54% 0.0829 170.82)` | Puerto Princesa | black, 5.9 to 1 |
| 25 | `#449483` | `oklch(61.05% 0.0828 178.26)` | Lochinvar | black, 5.7 to 1 |
| 26 | `#3d9289` | `oklch(60.55% 0.0826 185.59)` | Highlands | black, 5.6 to 1 |
| 27 | `#39908e` | `oklch(60.06% 0.0823 192.66)` | Blue Chill | black, 5.5 to 1 |
| 28 | `#378e92` | `oklch(59.57% 0.0820 199.33)` | Aqueous | black, 5.4 to 1 |
| 29 | `#368b95` | `oklch(59.08% 0.0816 205.44)` | Aqueous | black, 5.3 to 1 |
| 30 | `#378997` | `oklch(58.60% 0.0811 210.85)` | Seachange | black, 5.1 to 1 |
| 31 | `#388799` | `oklch(58.12% 0.0806 215.41)` | Precious Stone | black, 5 to 1 |
| 32 | `#398499` | `oklch(57.64% 0.0801 218.98)` | Precious Stone | black, 4.9 to 1 |
| 33 | `#3a8299` | `oklch(57.16% 0.0795 221.48)` | Dirty Blue | black, 4.8 to 1 |
| 34 | `#3a8198` | `oklch(56.66% 0.0788 223.14)` | Wipeout | black, 4.7 to 1 |
| 35 | `#3a7f97` | `oklch(56.14% 0.0779 224.07)` | Greenland Blue | black, 4.6 to 1 |
| 36 | `#3a7d95` | `oklch(55.62% 0.0768 224.34)` | Blue Rodeo | white, 4.6 to 1 |
| 37 | `#3a7b93` | `oklch(55.09% 0.0757 224.05)` | Blue Rodeo | white, 4.7 to 1 |
| 38 | `#397a90` | `oklch(54.56% 0.0745 223.29)` | Turkish Stone | white, 4.8 to 1 |
| 39 | `#38788d` | `oklch(54.04% 0.0732 222.15)` | Adventure | white, 4.9 to 1 |
| 40 | `#37778b` | `oklch(53.53% 0.0719 220.71)` | Adventure | white, 5 to 1 |
| 41 | `#367688` | `oklch(53.03% 0.0706 219.07)` | Clear Viridian | white, 5.1 to 1 |
| 42 | `#357485` | `oklch(52.56% 0.0693 217.32)` | Clear Viridian | white, 5.2 to 1 |
| 43 | `#347382` | `oklch(52.10% 0.0680 215.54)` | Oceanic Metropolis | white, 5.3 to 1 |
| 44 | `#34727f` | `oklch(51.68% 0.0668 213.82)` | Grand Rapids | white, 5.4 to 1 |
| 45 | `#33717d` | `oklch(51.30% 0.0658 212.25)` | Grand Rapids | white, 5.5 to 1 |
| 46 | `#33707b` | `oklch(50.95% 0.0648 210.93)` | Grand Rapids | white, 5.6 to 1 |
| 47 | `#336f79` | `oklch(50.65% 0.0640 209.93)` | Grand Rapids | white, 5.6 to 1 |
| 48 | `#336e78` | `oklch(50.39% 0.0634 209.36)` | Lakelike | white, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a8b18e 0.0%, #a7b08c 2.1%, #a6af8a 4.3%, #a4ae88 6.4%, #a3ac85 8.5%, #a1ab81 10.6%, #9fa97e 12.8%, #9ea77a 14.9%, #9ca577 17.0%, #9aa373 19.1%, #97a170 21.3%, #95a06c 23.4%, #929e69 25.5%, #8e9c67 27.7%, #8a9b65 29.8%, #869a64 31.9%, #819964 34.0%, #7c9965 36.2%, #759867 38.3%, #6d986a 40.4%, #65986e 42.6%, #5c9773 44.7%, #539678 46.8%, #4b957e 48.9%, #449483 51.1%, #3d9289 53.2%, #39908e 55.3%, #378e92 57.4%, #368b95 59.6%, #378997 61.7%, #388799 63.8%, #398499 66.0%, #3a8299 68.1%, #3a8198 70.2%, #3a7f97 72.3%, #3a7d95 74.5%, #3a7b93 76.6%, #397a90 78.7%, #38788d 80.9%, #37778b 83.0%, #367688 85.1%, #357485 87.2%, #347382 89.4%, #34727f 91.5%, #33717d 93.6%, #33707b 95.7%, #336f79 97.9%, #336e78 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.41% 0.0496 119.53) 0.0%, oklch(74.08% 0.0508 119.63) 2.1%, oklch(73.68% 0.0522 119.51) 4.3%, oklch(73.22% 0.0540 119.22) 6.4%, oklch(72.71% 0.0559 118.82) 8.5%, oklch(72.15% 0.0581 118.38) 10.6%, oklch(71.55% 0.0604 117.95) 12.8%, oklch(70.92% 0.0628 117.60) 14.9%, oklch(70.26% 0.0652 117.40) 17.0%, oklch(69.60% 0.0676 117.39) 19.1%, oklch(68.92% 0.0699 117.64) 21.3%, oklch(68.25% 0.0722 118.21) 23.4%, oklch(67.58% 0.0743 119.17) 25.5%, oklch(66.94% 0.0762 120.56) 27.7%, oklch(66.31% 0.0778 122.47) 29.8%, oklch(65.72% 0.0792 124.94) 31.9%, oklch(65.17% 0.0802 128.06) 34.0%, oklch(64.64% 0.0811 132.14) 36.2%, oklch(64.11% 0.0817 137.14) 38.3%, oklch(63.59% 0.0822 142.92) 40.4%, oklch(63.07% 0.0826 149.32) 42.6%, oklch(62.56% 0.0828 156.21) 44.7%, oklch(62.05% 0.0829 163.42) 46.8%, oklch(61.54% 0.0829 170.82) 48.9%, oklch(61.05% 0.0828 178.26) 51.1%, oklch(60.55% 0.0826 185.59) 53.2%, oklch(60.06% 0.0823 192.66) 55.3%, oklch(59.57% 0.0820 199.33) 57.4%, oklch(59.08% 0.0816 205.44) 59.6%, oklch(58.60% 0.0811 210.85) 61.7%, oklch(58.12% 0.0806 215.41) 63.8%, oklch(57.64% 0.0801 218.98) 66.0%, oklch(57.16% 0.0795 221.48) 68.1%, oklch(56.66% 0.0788 223.14) 70.2%, oklch(56.14% 0.0779 224.07) 72.3%, oklch(55.62% 0.0768 224.34) 74.5%, oklch(55.09% 0.0757 224.05) 76.6%, oklch(54.56% 0.0745 223.29) 78.7%, oklch(54.04% 0.0732 222.15) 80.9%, oklch(53.53% 0.0719 220.71) 83.0%, oklch(53.03% 0.0706 219.07) 85.1%, oklch(52.56% 0.0693 217.32) 87.2%, oklch(52.10% 0.0680 215.54) 89.4%, oklch(51.68% 0.0668 213.82) 91.5%, oklch(51.30% 0.0658 212.25) 93.6%, oklch(50.95% 0.0648 210.93) 95.7%, oklch(50.65% 0.0640 209.93) 97.9%, oklch(50.39% 0.0634 209.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.05 | 119.5 |
| 2 | 0.654 | 0.08 | 126.9 |
| 3 | 0.575 | 0.08 | 219.9 |
| 4 | 0.504 | 0.063 | 209.4 |

## In these collections

- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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