# Pale rain blue meets moss

Duotone light blue to olive linear gradient with 40 colors: #98bbeb, #96bae9, #93b9e7, #8fb8e5, #8bb6e2, #87b5df, #83b3dc, #7eb1d8, #79afd4, #74add0, #6eabcb, #69a9c7, #63a7c2, #5ea5bd, #58a3b8, #51a1b2, #4a9fac, #439ca6, #3c9a9f, #359797, #2f958f, #2a9287, #278e7e, #268b76, #28886d, #2a8464, #2e805c, #317c54, #35774c, #397244, #3c6d3d, #3f6835, #41622f, #435d29, #435824, #44541f, #44501b, #444c18, #444916, #434713. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone light blue to olive linear gradient
- Seed: `kUxzm21x070SjuMwmjog`
- Page: https://grabient.com/kUxzm21x070SjuMwmjog?steps=40
- Drawn as: linear gradient, 40 steps, 90 degrees
- Kinds: light to dark, vivid, cool, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.9 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 | `#98bbeb` | `oklch(78.35% 0.0785 256.64)` | Blue Shutters | black, 10.6 to 1 |
| 2 | `#96bae9` | `oklch(77.92% 0.0786 255.17)` | Blue Shutters | black, 10.4 to 1 |
| 3 | `#93b9e7` | `oklch(77.42% 0.0785 253.45)` | Adrift on the Nile | black, 10.3 to 1 |
| 4 | `#8fb8e5` | `oklch(76.84% 0.0784 251.49)` | Adrift on the Nile | black, 10.1 to 1 |
| 5 | `#8bb6e2` | `oklch(76.20% 0.0783 249.31)` | Adrift on the Nile | black, 9.9 to 1 |
| 6 | `#87b5df` | `oklch(75.49% 0.0782 246.92)` | Dun Morogh Blue | black, 9.6 to 1 |
| 7 | `#83b3dc` | `oklch(74.73% 0.0781 244.33)` | Dun Morogh Blue | black, 9.4 to 1 |
| 8 | `#7eb1d8` | `oklch(73.93% 0.0781 241.56)` | Boo Blue | black, 9.1 to 1 |
| 9 | `#79afd4` | `oklch(73.08% 0.0781 238.61)` | Meadow Blossom Blue | black, 8.9 to 1 |
| 10 | `#74add0` | `oklch(72.20% 0.0782 235.51)` | Blue Eyes | black, 8.6 to 1 |
| 11 | `#6eabcb` | `oklch(71.30% 0.0784 232.26)` | Imrik Blue | black, 8.3 to 1 |
| 12 | `#69a9c7` | `oklch(70.38% 0.0788 228.88)` | Moonstone Blue | black, 8.1 to 1 |
| 13 | `#63a7c2` | `oklch(69.44% 0.0793 225.38)` | Air Blue | black, 7.8 to 1 |
| 14 | `#5ea5bd` | `oklch(68.50% 0.0799 221.77)` | Surgical | black, 7.6 to 1 |
| 15 | `#58a3b8` | `oklch(67.54% 0.0809 217.93)` | Explorer Blue | black, 7.3 to 1 |
| 16 | `#51a1b2` | `oklch(66.53% 0.0822 213.78)` | Maui Blue | black, 7 to 1 |
| 17 | `#4a9fac` | `oklch(65.49% 0.0838 209.36)` | Basilica Blue | black, 6.8 to 1 |
| 18 | `#439ca6` | `oklch(64.41% 0.0857 204.72)` | Sea Sparkle | black, 6.5 to 1 |
| 19 | `#3c9a9f` | `oklch(63.30% 0.0876 199.92)` | Empress Envy | black, 6.3 to 1 |
| 20 | `#359797` | `oklch(62.16% 0.0896 195.00)` | Java | black, 6 to 1 |
| 21 | `#2f958f` | `oklch(61.01% 0.0916 190.01)` | Azure Tide | black, 5.7 to 1 |
| 22 | `#2a9287` | `oklch(59.84% 0.0934 185.01)` | Ocean Liner | black, 5.5 to 1 |
| 23 | `#278e7e` | `oklch(58.66% 0.0950 180.04)` | Miami Jade | black, 5.2 to 1 |
| 24 | `#268b76` | `oklch(57.48% 0.0964 175.16)` | Ionian | black, 5 to 1 |
| 25 | `#28886d` | `oklch(56.29% 0.0973 170.41)` | Elf | black, 4.8 to 1 |
| 26 | `#2a8464` | `oklch(55.11% 0.0979 165.85)` | Accent Green Blue | white, 4.5 to 1 |
| 27 | `#2e805c` | `oklch(53.94% 0.0978 161.53)` | Kākāriki Green | white, 4.8 to 1 |
| 28 | `#317c54` | `oklch(52.72% 0.0972 157.28)` | Canadian Pine | white, 5 to 1 |
| 29 | `#35774c` | `oklch(51.42% 0.0960 152.93)` | Grasslands | white, 5.3 to 1 |
| 30 | `#397244` | `oklch(50.06% 0.0943 148.53)` | Mount Hyjal | white, 5.7 to 1 |
| 31 | `#3c6d3d` | `oklch(48.66% 0.0922 144.13)` | Arcala Green | white, 6.1 to 1 |
| 32 | `#3f6835` | `oklch(47.25% 0.0898 139.78)` | Dell | white, 6.5 to 1 |
| 33 | `#41622f` | `oklch(45.84% 0.0872 135.53)` | Greenhouse | white, 6.9 to 1 |
| 34 | `#435d29` | `oklch(44.47% 0.0845 131.44)` | Obscure Olive | white, 7.3 to 1 |
| 35 | `#435824` | `oklch(43.15% 0.0818 127.55)` | Verdun Green | white, 7.8 to 1 |
| 36 | `#44541f` | `oklch(41.91% 0.0792 123.91)` | Verdun Green | white, 8.3 to 1 |
| 37 | `#44501b` | `oklch(40.77% 0.0768 120.58)` | Verdun Green | white, 8.7 to 1 |
| 38 | `#444c18` | `oklch(39.76% 0.0747 117.61)` | No Emissions Green | white, 9.1 to 1 |
| 39 | `#444916` | `oklch(38.89% 0.0729 115.04)` | Alligator Gladiator | white, 9.5 to 1 |
| 40 | `#434713` | `oklch(38.19% 0.0717 112.92)` | Alligator Gladiator | white, 9.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #98bbeb 0.0%, #96bae9 2.6%, #93b9e7 5.1%, #8fb8e5 7.7%, #8bb6e2 10.3%, #87b5df 12.8%, #83b3dc 15.4%, #7eb1d8 17.9%, #79afd4 20.5%, #74add0 23.1%, #6eabcb 25.6%, #69a9c7 28.2%, #63a7c2 30.8%, #5ea5bd 33.3%, #58a3b8 35.9%, #51a1b2 38.5%, #4a9fac 41.0%, #439ca6 43.6%, #3c9a9f 46.2%, #359797 48.7%, #2f958f 51.3%, #2a9287 53.8%, #278e7e 56.4%, #268b76 59.0%, #28886d 61.5%, #2a8464 64.1%, #2e805c 66.7%, #317c54 69.2%, #35774c 71.8%, #397244 74.4%, #3c6d3d 76.9%, #3f6835 79.5%, #41622f 82.1%, #435d29 84.6%, #435824 87.2%, #44541f 89.7%, #44501b 92.3%, #444c18 94.9%, #444916 97.4%, #434713 100.0%);
background: linear-gradient(90deg in oklch, oklch(78.35% 0.0785 256.64) 0.0%, oklch(77.92% 0.0786 255.17) 2.6%, oklch(77.42% 0.0785 253.45) 5.1%, oklch(76.84% 0.0784 251.49) 7.7%, oklch(76.20% 0.0783 249.31) 10.3%, oklch(75.49% 0.0782 246.92) 12.8%, oklch(74.73% 0.0781 244.33) 15.4%, oklch(73.93% 0.0781 241.56) 17.9%, oklch(73.08% 0.0781 238.61) 20.5%, oklch(72.20% 0.0782 235.51) 23.1%, oklch(71.30% 0.0784 232.26) 25.6%, oklch(70.38% 0.0788 228.88) 28.2%, oklch(69.44% 0.0793 225.38) 30.8%, oklch(68.50% 0.0799 221.77) 33.3%, oklch(67.54% 0.0809 217.93) 35.9%, oklch(66.53% 0.0822 213.78) 38.5%, oklch(65.49% 0.0838 209.36) 41.0%, oklch(64.41% 0.0857 204.72) 43.6%, oklch(63.30% 0.0876 199.92) 46.2%, oklch(62.16% 0.0896 195.00) 48.7%, oklch(61.01% 0.0916 190.01) 51.3%, oklch(59.84% 0.0934 185.01) 53.8%, oklch(58.66% 0.0950 180.04) 56.4%, oklch(57.48% 0.0964 175.16) 59.0%, oklch(56.29% 0.0973 170.41) 61.5%, oklch(55.11% 0.0979 165.85) 64.1%, oklch(53.94% 0.0978 161.53) 66.7%, oklch(52.72% 0.0972 157.28) 69.2%, oklch(51.42% 0.0960 152.93) 71.8%, oklch(50.06% 0.0943 148.53) 74.4%, oklch(48.66% 0.0922 144.13) 76.9%, oklch(47.25% 0.0898 139.78) 79.5%, oklch(45.84% 0.0872 135.53) 82.1%, oklch(44.47% 0.0845 131.44) 84.6%, oklch(43.15% 0.0818 127.55) 87.2%, oklch(41.91% 0.0792 123.91) 89.7%, oklch(40.77% 0.0768 120.58) 92.3%, oklch(39.76% 0.0747 117.61) 94.9%, oklch(38.89% 0.0729 115.04) 97.4%, oklch(38.19% 0.0717 112.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.079 | 256.6 |
| 2 | 0.685 | 0.08 | 221.8 |
| 3 | 0.539 | 0.098 | 161.5 |
| 4 | 0.382 | 0.072 | 112.9 |

## In these collections

- [Daffodil raincoat morning](https://grabient.com/daffodil-raincoat-morning)

## Other forms

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