# Light blue, light green and green angular gradient

Light blue, light green and green angular gradient with 32 colors: #d5faff, #cdfbff, #bdfeff, #b3fefa, #acfff3, #a5ffea, #9fffe0, #9afed5, #95feca, #8effbf, #89ffb5, #85ffaa, #80ff9e, #7aff90, #71ff80, #63ff6a, #5ffc5a, #5cf94c, #57f53f, #52f134, #4bed2b, #44e822, #3de31a, #37de0f, #31d901, #2ed300, #2acd00, #24c600, #1ec001, #1bbb06, #18b60a, #15b30b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW9CmTdSu6vBWvbj3T-1NDAA`
- Page: https://grabient.com/kW9CmTdSu6vBWvbj3T-1NDAA?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: vivid, neon, light
- Hues: monochromatic
- 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 | `#d5faff` | `oklch(96.06% 0.0383 206.70)` | Salt Mountain | black, 18.9 to 1 |
| 2 | `#cdfbff` | `oklch(95.75% 0.0470 202.96)` | Thin Air | black, 18.8 to 1 |
| 3 | `#bdfeff` | `oklch(95.33% 0.0644 197.78)` | The Big Freeze | black, 18.7 to 1 |
| 4 | `#b3fefa` | `oklch(94.83% 0.0739 191.60)` | Winter Meadow | black, 18.5 to 1 |
| 5 | `#acfff3` | `oklch(94.27% 0.0818 184.86)` | Blister Pearl | black, 18.3 to 1 |
| 6 | `#a5ffea` | `oklch(93.68% 0.0907 178.01)` | Blister Pearl | black, 18 to 1 |
| 7 | `#9fffe0` | `oklch(93.09% 0.1006 171.52)` | Freezy Wind | black, 17.8 to 1 |
| 8 | `#9afed5` | `oklch(92.52% 0.1113 165.82)` | Freezy Wind | black, 17.5 to 1 |
| 9 | `#95feca` | `oklch(92.00% 0.1229 161.33)` | Lemon Gate | black, 17.3 to 1 |
| 10 | `#8effbf` | `oklch(91.56% 0.1370 157.64)` | Mint Bliss | black, 17.1 to 1 |
| 11 | `#89ffb5` | `oklch(91.16% 0.1497 154.45)` | Mint Bliss | black, 17 to 1 |
| 12 | `#85ffaa` | `oklch(90.77% 0.1618 151.70)` | Foam Green | black, 16.8 to 1 |
| 13 | `#80ff9e` | `oklch(90.37% 0.1752 149.34)` | Baby Green | black, 16.7 to 1 |
| 14 | `#7aff90` | `oklch(89.89% 0.1907 147.30)` | Easter Green | black, 16.5 to 1 |
| 15 | `#71ff80` | `oklch(89.32% 0.2094 145.55)` | Light Green | black, 16.3 to 1 |
| 16 | `#63ff6a` | `oklch(88.61% 0.2329 144.01)` | Screamin’ Green | black, 16 to 1 |
| 17 | `#5ffc5a` | `oklch(87.72% 0.2425 142.69)` | Green Katamari | black, 15.6 to 1 |
| 18 | `#5cf94c` | `oklch(86.69% 0.2490 141.79)` | Goblin Warboss | black, 15.1 to 1 |
| 19 | `#57f53f` | `oklch(85.52% 0.2535 141.27)` | Goblin Warboss | black, 14.5 to 1 |
| 20 | `#52f134` | `oklch(84.26% 0.2562 141.03)` | Furious Frog | black, 14 to 1 |
| 21 | `#4bed2b` | `oklch(82.91% 0.2576 141.00)` | Becquerel | black, 13.4 to 1 |
| 22 | `#44e822` | `oklch(81.52% 0.2579 141.08)` | Becquerel | black, 12.8 to 1 |
| 23 | `#3de31a` | `oklch(80.11% 0.2575 141.18)` | Alarming Slime | black, 12.2 to 1 |
| 24 | `#37de0f` | `oklch(78.70% 0.2566 141.21)` | Magic Blade | black, 11.6 to 1 |
| 25 | `#31d901` | `oklch(77.23% 0.2549 141.18)` | Green Wrasse | black, 11 to 1 |
| 26 | `#2ed300` | `oklch(75.58% 0.2500 141.25)` | First of the Month Green | black, 10.4 to 1 |
| 27 | `#2acd00` | `oklch(73.82% 0.2450 141.39)` | Candy Green | black, 9.8 to 1 |
| 28 | `#24c600` | `oklch(72.05% 0.2401 141.58)` | Apple II Lime | black, 9.1 to 1 |
| 29 | `#1ec001` | `oklch(70.34% 0.2351 141.78)` | Waystone Green | black, 8.6 to 1 |
| 30 | `#1bbb06` | `oklch(68.79% 0.2296 141.98)` | Soccer Turf | black, 8.1 to 1 |
| 31 | `#18b60a` | `oklch(67.50% 0.2250 142.15)` | Bubble Bobble Green | black, 7.7 to 1 |
| 32 | `#15b30b` | `oklch(66.54% 0.2219 142.26)` | Pikkoro Green | black, 7.4 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #d5faff 0.0%, #cdfbff 3.2%, #bdfeff 6.5%, #b3fefa 9.7%, #acfff3 12.9%, #a5ffea 16.1%, #9fffe0 19.4%, #9afed5 22.6%, #95feca 25.8%, #8effbf 29.0%, #89ffb5 32.3%, #85ffaa 35.5%, #80ff9e 38.7%, #7aff90 41.9%, #71ff80 45.2%, #63ff6a 48.4%, #5ffc5a 51.6%, #5cf94c 54.8%, #57f53f 58.1%, #52f134 61.3%, #4bed2b 64.5%, #44e822 67.7%, #3de31a 71.0%, #37de0f 74.2%, #31d901 77.4%, #2ed300 80.6%, #2acd00 83.9%, #24c600 87.1%, #1ec001 90.3%, #1bbb06 93.5%, #18b60a 96.8%, #15b30b 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(96.06% 0.0383 206.70) 0.0%, oklch(95.75% 0.0470 202.96) 3.2%, oklch(95.33% 0.0644 197.78) 6.5%, oklch(94.83% 0.0739 191.60) 9.7%, oklch(94.27% 0.0818 184.86) 12.9%, oklch(93.68% 0.0907 178.01) 16.1%, oklch(93.09% 0.1006 171.52) 19.4%, oklch(92.52% 0.1113 165.82) 22.6%, oklch(92.00% 0.1229 161.33) 25.8%, oklch(91.56% 0.1370 157.64) 29.0%, oklch(91.16% 0.1497 154.45) 32.3%, oklch(90.77% 0.1618 151.70) 35.5%, oklch(90.37% 0.1752 149.34) 38.7%, oklch(89.89% 0.1907 147.30) 41.9%, oklch(89.32% 0.2094 145.55) 45.2%, oklch(88.61% 0.2329 144.01) 48.4%, oklch(87.72% 0.2425 142.69) 51.6%, oklch(86.69% 0.2490 141.79) 54.8%, oklch(85.52% 0.2535 141.27) 58.1%, oklch(84.26% 0.2562 141.03) 61.3%, oklch(82.91% 0.2576 141.00) 64.5%, oklch(81.52% 0.2579 141.08) 67.7%, oklch(80.11% 0.2575 141.18) 71.0%, oklch(78.70% 0.2566 141.21) 74.2%, oklch(77.23% 0.2549 141.18) 77.4%, oklch(75.58% 0.2500 141.25) 80.6%, oklch(73.82% 0.2450 141.39) 83.9%, oklch(72.05% 0.2401 141.58) 87.1%, oklch(70.34% 0.2351 141.78) 90.3%, oklch(68.79% 0.2296 141.98) 93.5%, oklch(67.50% 0.2250 142.15) 96.8%, oklch(66.54% 0.2219 142.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.056 | 206.7 |
| 2 | 0.921 | 0.12 | 162.3 |
| 3 | 0.882 | 0.238 | 143.3 |
| 4 | 0.783 | 0.256 | 141.2 |
| 5 | 0.665 | 0.222 | 142.3 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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