# Light blue, teal, green and orange radial gradient

Light blue, teal, green and orange radial gradient with 32 colors: #eff7ff, #e8f4fe, #deeffc, #d3eaf9, #c6e5f6, #b8e0f2, #abdaee, #9ed5ea, #91cfe6, #83c9e1, #75c2dd, #66bdd8, #57b8d2, #46b5cb, #32b2c0, #1cb0b4, #07ada5, #11ac94, #2baa83, #47aa70, #67aa5d, #89ab48, #a9aa36, #c5a62d, #daa12f, #e69936, #e98d3a, #e67e3c, #df6e3d, #d65f3d, #ce523d, #c8493f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY9wqubRU9lykvvULblXrO1Um7uu`
- Page: https://grabient.com/kY9wqubRU9lykvvULblXrO1Um7uu?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.3 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 | `#eff7ff` | `oklch(97.24% 0.0138 244.69)` | Alice Blue | black, 19.4 to 1 |
| 2 | `#e8f4fe` | `oklch(96.07% 0.0184 242.46)` | Moon White | black, 18.7 to 1 |
| 3 | `#deeffc` | `oklch(94.46% 0.0248 239.29)` | Wizard White | black, 17.9 to 1 |
| 4 | `#d3eaf9` | `oklch(92.55% 0.0324 235.56)` | Freezing Vapour | black, 16.9 to 1 |
| 5 | `#c6e5f6` | `oklch(90.46% 0.0405 231.69)` | Icy Landscape | black, 15.9 to 1 |
| 6 | `#b8e0f2` | `oklch(88.31% 0.0488 228.07)` | Bellagio Fountains | black, 14.9 to 1 |
| 7 | `#abdaee` | `oklch(86.22% 0.0565 225.09)` | Blue Feather | black, 14 to 1 |
| 8 | `#9ed5ea` | `oklch(84.18% 0.0636 223.29)` | Light Budgie Blue | black, 13.1 to 1 |
| 9 | `#91cfe6` | `oklch(81.98% 0.0709 222.73)` | Bluebottle | black, 12.2 to 1 |
| 10 | `#83c9e1` | `oklch(79.71% 0.0783 222.66)` | Budgie Blue | black, 11.3 to 1 |
| 11 | `#75c2dd` | `oklch(77.48% 0.0854 222.35)` | Bright Spark | black, 10.5 to 1 |
| 12 | `#66bdd8` | `oklch(75.37% 0.0922 221.05)` | Bluebrite | black, 9.8 to 1 |
| 13 | `#57b8d2` | `oklch(73.50% 0.0983 218.02)` | Fitness Blue | black, 9.2 to 1 |
| 14 | `#46b5cb` | `oklch(71.88% 0.1037 212.76)` | Blue Bobbin | black, 8.7 to 1 |
| 15 | `#32b2c0` | `oklch(70.29% 0.1085 205.91)` | Lago Blue | black, 8.2 to 1 |
| 16 | `#1cb0b4` | `oklch(68.82% 0.1127 197.76)` | Mermaid Treasure | black, 7.8 to 1 |
| 17 | `#07ada5` | `oklch(67.57% 0.1165 188.45)` | Teal Me No Lies | black, 7.5 to 1 |
| 18 | `#11ac94` | `oklch(66.65% 0.1200 178.18)` | Hobgoblin | black, 7.3 to 1 |
| 19 | `#2baa83` | `oklch(66.17% 0.1234 167.10)` | Herbal | black, 7.2 to 1 |
| 20 | `#47aa70` | `oklch(66.30% 0.1267 155.21)` | Glen | black, 7.2 to 1 |
| 21 | `#67aa5d` | `oklch(67.49% 0.1296 141.21)` | Techno Green | black, 7.5 to 1 |
| 22 | `#89ab48` | `oklch(69.39% 0.1321 125.65)` | Lime It or Leave It | black, 7.9 to 1 |
| 23 | `#a9aa36` | `oklch(71.52% 0.1345 109.55)` | Sphagnales Moss | black, 8.4 to 1 |
| 24 | `#c5a62d` | `oklch(73.38% 0.1370 93.94)` | Hippie Trail | black, 8.9 to 1 |
| 25 | `#daa12f` | `oklch(74.45% 0.1396 79.83)` | Courgette Yellow | black, 9.1 to 1 |
| 26 | `#e69936` | `oklch(74.24% 0.1426 68.22)` | Culpeo | black, 8.9 to 1 |
| 27 | `#e98d3a` | `oklch(72.52% 0.1462 58.51)` | California | black, 8.2 to 1 |
| 28 | `#e67e3c` | `oklch(69.70% 0.1502 50.10)` | Pizazz | black, 7.3 to 1 |
| 29 | `#df6e3d` | `oklch(66.31% 0.1544 42.91)` | Knockout Orange | black, 6.4 to 1 |
| 30 | `#d65f3d` | `oklch(62.86% 0.1583 36.88)` | Fireglow | black, 5.5 to 1 |
| 31 | `#ce523d` | `oklch(59.87% 0.1616 31.95)` | Painted Poppy | black, 4.9 to 1 |
| 32 | `#c8493f` | `oklch(57.87% 0.1640 28.05)` | Terra Cotta Red | white, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eff7ff 0.0%, #e8f4fe 3.2%, #deeffc 6.5%, #d3eaf9 9.7%, #c6e5f6 12.9%, #b8e0f2 16.1%, #abdaee 19.4%, #9ed5ea 22.6%, #91cfe6 25.8%, #83c9e1 29.0%, #75c2dd 32.3%, #66bdd8 35.5%, #57b8d2 38.7%, #46b5cb 41.9%, #32b2c0 45.2%, #1cb0b4 48.4%, #07ada5 51.6%, #11ac94 54.8%, #2baa83 58.1%, #47aa70 61.3%, #67aa5d 64.5%, #89ab48 67.7%, #a9aa36 71.0%, #c5a62d 74.2%, #daa12f 77.4%, #e69936 80.6%, #e98d3a 83.9%, #e67e3c 87.1%, #df6e3d 90.3%, #d65f3d 93.5%, #ce523d 96.8%, #c8493f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0138 244.69) 0.0%, oklch(96.07% 0.0184 242.46) 3.2%, oklch(94.46% 0.0248 239.29) 6.5%, oklch(92.55% 0.0324 235.56) 9.7%, oklch(90.46% 0.0405 231.69) 12.9%, oklch(88.31% 0.0488 228.07) 16.1%, oklch(86.22% 0.0565 225.09) 19.4%, oklch(84.18% 0.0636 223.29) 22.6%, oklch(81.98% 0.0709 222.73) 25.8%, oklch(79.71% 0.0783 222.66) 29.0%, oklch(77.48% 0.0854 222.35) 32.3%, oklch(75.37% 0.0922 221.05) 35.5%, oklch(73.50% 0.0983 218.02) 38.7%, oklch(71.88% 0.1037 212.76) 41.9%, oklch(70.29% 0.1085 205.91) 45.2%, oklch(68.82% 0.1127 197.76) 48.4%, oklch(67.57% 0.1165 188.45) 51.6%, oklch(66.65% 0.1200 178.18) 54.8%, oklch(66.17% 0.1234 167.10) 58.1%, oklch(66.30% 0.1267 155.21) 61.3%, oklch(67.49% 0.1296 141.21) 64.5%, oklch(69.39% 0.1321 125.65) 67.7%, oklch(71.52% 0.1345 109.55) 71.0%, oklch(73.38% 0.1370 93.94) 74.2%, oklch(74.45% 0.1396 79.83) 77.4%, oklch(74.24% 0.1426 68.22) 80.6%, oklch(72.52% 0.1462 58.51) 83.9%, oklch(69.70% 0.1502 50.10) 87.1%, oklch(66.31% 0.1544 42.91) 90.3%, oklch(62.86% 0.1583 36.88) 93.5%, oklch(59.87% 0.1616 31.95) 96.8%, oklch(57.87% 0.1640 28.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.014 | 244.7 |
| 2 | 0.858 | 0.058 | 224.6 |
| 3 | 0.728 | 0.101 | 216.2 |
| 4 | 0.661 | 0.125 | 160.1 |
| 5 | 0.744 | 0.142 | 70.3 |
| 6 | 0.579 | 0.164 | 28.1 |

## In these collections

- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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