# Pale aqua

Pastel monochrome blue linear gradient with 32 colors: #e0f7fa, #def7fa, #dcf6f9, #daf5f9, #d8f5f9, #d5f4f8, #d2f3f8, #cff2f7, #cbf2f6, #c8f1f6, #c5f0f5, #c1eff5, #beeef4, #baedf3, #b7ecf3, #b4ebf2, #b0ebf2, #adeaf1, #aae9f1, #a6e8f0, #a3e7ef, #9fe6ef, #9be5ee, #98e4ee, #94e3ed, #91e2ec, #8de1ec, #8ae0eb, #87e0eb, #84dfeb, #82deea, #80deea. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel monochrome blue linear gradient
- Seed: `kCeD3-my6_IYDe6g`
- Page: https://grabient.com/kCeD3-my6_IYDe6g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: even lightness, pastel, light, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#e0f7fa` | `oklch(96.02% 0.0244 206.20)` | Coastal Breeze | black, 18.8 to 1 |
| 2 | `#def7fa` | `oklch(95.82% 0.0257 206.17)` | Coastal Breeze | black, 18.7 to 1 |
| 3 | `#dcf6f9` | `oklch(95.57% 0.0272 206.14)` | Coastal Breeze | black, 18.6 to 1 |
| 4 | `#daf5f9` | `oklch(95.28% 0.0289 206.09)` | Fishious Rend | black, 18.4 to 1 |
| 5 | `#d8f5f9` | `oklch(94.96% 0.0308 206.05)` | Fishious Rend | black, 18.3 to 1 |
| 6 | `#d5f4f8` | `oklch(94.61% 0.0330 206.00)` | Fishious Rend | black, 18.1 to 1 |
| 7 | `#d2f3f8` | `oklch(94.24% 0.0352 205.94)` | Windswept | black, 17.9 to 1 |
| 8 | `#cff2f7` | `oklch(93.85% 0.0376 205.88)` | Windswept | black, 17.7 to 1 |
| 9 | `#cbf2f6` | `oklch(93.44% 0.0401 205.83)` | Vaporised | black, 17.5 to 1 |
| 10 | `#c8f1f6` | `oklch(93.02% 0.0426 205.77)` | Vaporised | black, 17.3 to 1 |
| 11 | `#c5f0f5` | `oklch(92.59% 0.0452 205.72)` | Icy Breeze | black, 17.1 to 1 |
| 12 | `#c1eff5` | `oklch(92.17% 0.0477 205.68)` | Icy Breeze | black, 16.9 to 1 |
| 13 | `#beeef4` | `oklch(91.74% 0.0503 205.64)` | Icy Breeze | black, 16.7 to 1 |
| 14 | `#baedf3` | `oklch(91.32% 0.0527 205.61)` | Cold Blooded | black, 16.5 to 1 |
| 15 | `#b7ecf3` | `oklch(90.92% 0.0551 205.58)` | Cold Blooded | black, 16.3 to 1 |
| 16 | `#b4ebf2` | `oklch(90.53% 0.0574 205.57)` | Mint Macaron | black, 16.1 to 1 |
| 17 | `#b0ebf2` | `oklch(90.16% 0.0596 205.57)` | Mint Macaron | black, 15.9 to 1 |
| 18 | `#adeaf1` | `oklch(89.77% 0.0618 205.58)` | Spearmint Water | black, 15.7 to 1 |
| 19 | `#aae9f1` | `oklch(89.37% 0.0642 205.61)` | Uranus | black, 15.6 to 1 |
| 20 | `#a6e8f0` | `oklch(88.95% 0.0666 205.64)` | Uranus | black, 15.4 to 1 |
| 21 | `#a3e7ef` | `oklch(88.53% 0.0690 205.68)` | Uranus | black, 15.2 to 1 |
| 22 | `#9fe6ef` | `oklch(88.10% 0.0714 205.73)` | Blizzard Blue | black, 15 to 1 |
| 23 | `#9be5ee` | `oklch(87.68% 0.0738 205.78)` | Blizzard Blue | black, 14.8 to 1 |
| 24 | `#98e4ee` | `oklch(87.26% 0.0762 205.83)` | Blizzard Blue | black, 14.6 to 1 |
| 25 | `#94e3ed` | `oklch(86.85% 0.0785 205.89)` | Blizzard Blue | black, 14.4 to 1 |
| 26 | `#91e2ec` | `oklch(86.45% 0.0808 205.94)` | Aqua Fiesta | black, 14.3 to 1 |
| 27 | `#8de1ec` | `oklch(86.08% 0.0829 206.00)` | Photon Barrier | black, 14.1 to 1 |
| 28 | `#8ae0eb` | `oklch(85.73% 0.0849 206.05)` | Photon Barrier | black, 14 to 1 |
| 29 | `#87e0eb` | `oklch(85.41% 0.0867 206.10)` | Photon Barrier | black, 13.8 to 1 |
| 30 | `#84dfeb` | `oklch(85.12% 0.0883 206.14)` | Photon Barrier | black, 13.7 to 1 |
| 31 | `#82deea` | `oklch(84.88% 0.0897 206.17)` | Photon Barrier | black, 13.6 to 1 |
| 32 | `#80deea` | `oklch(84.67% 0.0909 206.20)` | Faded Poster | black, 13.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e0f7fa 0.0%, #def7fa 3.2%, #dcf6f9 6.5%, #daf5f9 9.7%, #d8f5f9 12.9%, #d5f4f8 16.1%, #d2f3f8 19.4%, #cff2f7 22.6%, #cbf2f6 25.8%, #c8f1f6 29.0%, #c5f0f5 32.3%, #c1eff5 35.5%, #beeef4 38.7%, #baedf3 41.9%, #b7ecf3 45.2%, #b4ebf2 48.4%, #b0ebf2 51.6%, #adeaf1 54.8%, #aae9f1 58.1%, #a6e8f0 61.3%, #a3e7ef 64.5%, #9fe6ef 67.7%, #9be5ee 71.0%, #98e4ee 74.2%, #94e3ed 77.4%, #91e2ec 80.6%, #8de1ec 83.9%, #8ae0eb 87.1%, #87e0eb 90.3%, #84dfeb 93.5%, #82deea 96.8%, #80deea 100.0%);
background: linear-gradient(135deg in oklch, oklch(96.02% 0.0244 206.20) 0.0%, oklch(95.82% 0.0257 206.17) 3.2%, oklch(95.57% 0.0272 206.14) 6.5%, oklch(95.28% 0.0289 206.09) 9.7%, oklch(94.96% 0.0308 206.05) 12.9%, oklch(94.61% 0.0330 206.00) 16.1%, oklch(94.24% 0.0352 205.94) 19.4%, oklch(93.85% 0.0376 205.88) 22.6%, oklch(93.44% 0.0401 205.83) 25.8%, oklch(93.02% 0.0426 205.77) 29.0%, oklch(92.59% 0.0452 205.72) 32.3%, oklch(92.17% 0.0477 205.68) 35.5%, oklch(91.74% 0.0503 205.64) 38.7%, oklch(91.32% 0.0527 205.61) 41.9%, oklch(90.92% 0.0551 205.58) 45.2%, oklch(90.53% 0.0574 205.57) 48.4%, oklch(90.16% 0.0596 205.57) 51.6%, oklch(89.77% 0.0618 205.58) 54.8%, oklch(89.37% 0.0642 205.61) 58.1%, oklch(88.95% 0.0666 205.64) 61.3%, oklch(88.53% 0.0690 205.68) 64.5%, oklch(88.10% 0.0714 205.73) 67.7%, oklch(87.68% 0.0738 205.78) 71.0%, oklch(87.26% 0.0762 205.83) 74.2%, oklch(86.85% 0.0785 205.89) 77.4%, oklch(86.45% 0.0808 205.94) 80.6%, oklch(86.08% 0.0829 206.00) 83.9%, oklch(85.73% 0.0849 206.05) 87.1%, oklch(85.41% 0.0867 206.10) 90.3%, oklch(85.12% 0.0883 206.14) 93.5%, oklch(84.88% 0.0897 206.17) 96.8%, oklch(84.67% 0.0909 206.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.96 | 0.024 | 206.2 |
| 2 | 0.903 | 0.059 | 205.6 |
| 3 | 0.847 | 0.091 | 206.2 |

## In these collections

- [Light blue gradients](https://grabient.com/light-blue-gradients)

## Other forms

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