# White aqua forest gradient

White, light blue and dark green linear gradient with 34 colors: #f5ffff, #f4ffff, #f4ffff, #f4ffff, #f3fffe, #f1fffe, #eefffd, #e9fffd, #e3fffd, #dcfffe, #d8feff, #d3fcff, #c9f9ff, #b9f7ff, #aaf2fb, #9eeaf2, #92e1e6, #87d7d9, #7bcdcb, #71c2bd, #67b9b0, #5dafa2, #54a495, #4b9987, #448f79, #3f856b, #3b7b5e, #3b7151, #3c6744, #3d5e39, #3e542f, #3e4c27, #3d4521, #3b401e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, light blue and dark green linear gradient
- Seed: `kY_AmN_Qe-3aZQfdnb2wh08q2Tuq`
- Page: https://grabient.com/kY_AmN_Qe-3aZQfdnb2wh08q2Tuq?steps=34&angle=0
- Drawn as: linear gradient, 34 steps, 0 degrees
- Kinds: light to dark, pastel, light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 10.6 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 | `#f5ffff` | `oklch(99.21% 0.0102 198.90)` | Sparkling Snow | black, 20.6 to 1 |
| 2 | `#f4ffff` | `oklch(99.18% 0.0112 197.73)` | Sparkling Snow | black, 20.5 to 1 |
| 3 | `#f4ffff` | `oklch(99.17% 0.0117 196.03)` | Sparkling Snow | black, 20.5 to 1 |
| 4 | `#f4ffff` | `oklch(99.15% 0.0119 193.88)` | Sparkling Snow | black, 20.5 to 1 |
| 5 | `#f3fffe` | `oklch(99.08% 0.0127 191.82)` | Sparkling Snow | black, 20.5 to 1 |
| 6 | `#f1fffe` | `oklch(98.93% 0.0147 190.21)` | Vapour | black, 20.4 to 1 |
| 7 | `#eefffd` | `oklch(98.66% 0.0184 189.38)` | Aphrodite’s Pearls | black, 20.3 to 1 |
| 8 | `#e9fffd` | `oklch(98.26% 0.0226 189.85)` | Bubbles | black, 20.1 to 1 |
| 9 | `#e3fffd` | `oklch(97.88% 0.0289 191.96)` | Light Cyan | black, 19.9 to 1 |
| 10 | `#dcfffe` | `oklch(97.49% 0.0361 195.21)` | Cold Canada | black, 19.7 to 1 |
| 11 | `#d8feff` | `oklch(96.99% 0.0392 198.87)` | Salt Mountain | black, 19.5 to 1 |
| 12 | `#d3fcff` | `oklch(96.25% 0.0422 202.41)` | Pale Blue | black, 19 to 1 |
| 13 | `#c9f9ff` | `oklch(95.18% 0.0494 205.12)` | Thin Air | black, 18.5 to 1 |
| 14 | `#b9f7ff` | `oklch(93.67% 0.0626 206.36)` | Pale Sky | black, 17.7 to 1 |
| 15 | `#aaf2fb` | `oklch(91.62% 0.0722 205.81)` | Waterspout | black, 16.7 to 1 |
| 16 | `#9eeaf2` | `oklch(89.04% 0.0752 204.01)` | Permafrost | black, 15.5 to 1 |
| 17 | `#92e1e6` | `oklch(86.08% 0.0774 201.28)` | Aqua Fiesta | black, 14.1 to 1 |
| 18 | `#87d7d9` | `oklch(82.87% 0.0789 197.89)` | Vibrant Soft Blue | black, 12.7 to 1 |
| 19 | `#7bcdcb` | `oklch(79.53% 0.0799 194.13)` | Blue Green Gem | black, 11.4 to 1 |
| 20 | `#71c2bd` | `oklch(76.19% 0.0807 190.29)` | Tropic Tide | black, 10.1 to 1 |
| 21 | `#67b9b0` | `oklch(72.99% 0.0815 186.66)` | Florida Turquoise | black, 9.1 to 1 |
| 22 | `#5dafa2` | `oklch(69.73% 0.0822 183.11)` | Green Crush | black, 8 to 1 |
| 23 | `#54a495` | `oklch(66.35% 0.0828 179.45)` | Golf Blazer | black, 7.1 to 1 |
| 24 | `#4b9987` | `oklch(62.92% 0.0830 175.61)` | Crisp Lettuce | black, 6.2 to 1 |
| 25 | `#448f79` | `oklch(59.52% 0.0828 171.48)` | Winter Green | black, 5.4 to 1 |
| 26 | `#3f856b` | `oklch(56.23% 0.0821 166.98)` | Mythical Forest | black, 4.7 to 1 |
| 27 | `#3b7b5e` | `oklch(53.14% 0.0807 162.02)` | Liquid Green Stuff | white, 5 to 1 |
| 28 | `#3b7151` | `oklch(50.23% 0.0784 156.32)` | Parsley Sprig | white, 5.7 to 1 |
| 29 | `#3c6744` | `oklch(47.31% 0.0747 149.31)` | Friendly Fairway | white, 6.4 to 1 |
| 30 | `#3d5e39` | `oklch(44.45% 0.0702 141.54)` | Verde Garrafa | white, 7.3 to 1 |
| 31 | `#3e542f` | `oklch(41.76% 0.0653 133.63)` | Zen Garden Olive | white, 8.3 to 1 |
| 32 | `#3e4c27` | `oklch(39.35% 0.0605 126.22)` | Bronze Tone | white, 9.2 to 1 |
| 33 | `#3d4521` | `oklch(37.34% 0.0565 119.97)` | Avocado Dark Green | white, 10.1 to 1 |
| 34 | `#3b401e` | `oklch(35.83% 0.0537 115.50)` | Turtle Skin | white, 10.8 to 1 |

## CSS

```css
background: linear-gradient(0deg, #f5ffff 0.0%, #f4ffff 3.0%, #f4ffff 6.1%, #f4ffff 9.1%, #f3fffe 12.1%, #f1fffe 15.2%, #eefffd 18.2%, #e9fffd 21.2%, #e3fffd 24.2%, #dcfffe 27.3%, #d8feff 30.3%, #d3fcff 33.3%, #c9f9ff 36.4%, #b9f7ff 39.4%, #aaf2fb 42.4%, #9eeaf2 45.5%, #92e1e6 48.5%, #87d7d9 51.5%, #7bcdcb 54.5%, #71c2bd 57.6%, #67b9b0 60.6%, #5dafa2 63.6%, #54a495 66.7%, #4b9987 69.7%, #448f79 72.7%, #3f856b 75.8%, #3b7b5e 78.8%, #3b7151 81.8%, #3c6744 84.8%, #3d5e39 87.9%, #3e542f 90.9%, #3e4c27 93.9%, #3d4521 97.0%, #3b401e 100.0%);
background: linear-gradient(0deg in oklch, oklch(99.21% 0.0102 198.90) 0.0%, oklch(99.18% 0.0112 197.73) 3.0%, oklch(99.17% 0.0117 196.03) 6.1%, oklch(99.15% 0.0119 193.88) 9.1%, oklch(99.08% 0.0127 191.82) 12.1%, oklch(98.93% 0.0147 190.21) 15.2%, oklch(98.66% 0.0184 189.38) 18.2%, oklch(98.26% 0.0226 189.85) 21.2%, oklch(97.88% 0.0289 191.96) 24.2%, oklch(97.49% 0.0361 195.21) 27.3%, oklch(96.99% 0.0392 198.87) 30.3%, oklch(96.25% 0.0422 202.41) 33.3%, oklch(95.18% 0.0494 205.12) 36.4%, oklch(93.67% 0.0626 206.36) 39.4%, oklch(91.62% 0.0722 205.81) 42.4%, oklch(89.04% 0.0752 204.01) 45.5%, oklch(86.08% 0.0774 201.28) 48.5%, oklch(82.87% 0.0789 197.89) 51.5%, oklch(79.53% 0.0799 194.13) 54.5%, oklch(76.19% 0.0807 190.29) 57.6%, oklch(72.99% 0.0815 186.66) 60.6%, oklch(69.73% 0.0822 183.11) 63.6%, oklch(66.35% 0.0828 179.45) 66.7%, oklch(62.92% 0.0830 175.61) 69.7%, oklch(59.52% 0.0828 171.48) 72.7%, oklch(56.23% 0.0821 166.98) 75.8%, oklch(53.14% 0.0807 162.02) 78.8%, oklch(50.23% 0.0784 156.32) 81.8%, oklch(47.31% 0.0747 149.31) 84.8%, oklch(44.45% 0.0702 141.54) 87.9%, oklch(41.76% 0.0653 133.63) 90.9%, oklch(39.35% 0.0605 126.22) 93.9%, oklch(37.34% 0.0565 119.97) 97.0%, oklch(35.83% 0.0537 115.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.992 | 0.012 | 199 |
| 2 | 0.984 | 0.021 | 189.5 |
| 3 | 0.933 | 0.069 | 206.4 |
| 4 | 0.736 | 0.081 | 187.4 |
| 5 | 0.52 | 0.08 | 159.9 |
| 6 | 0.358 | 0.054 | 115.5 |

## In these collections

- [Tropical gradients](https://grabient.com/tropical-gradients)
- [Alpine thaw](https://grabient.com/alpine-thaw)
- [Emerald color palette](https://grabient.com/emerald-color-palette)

## Other forms

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