# Blue, light blue, purple and green linear gradient

Blue, light blue, purple and green linear gradient with 48 colors: #8d9bcf, #8b9fd2, #88a5d6, #84acda, #80b4dd, #7dbdde, #7bc5df, #7dccde, #81d3dd, #86d9dd, #8ddedd, #97e3e0, #a2eae5, #aef1eb, #baf7f1, #c3fcf7, #cbfffb, #d2fffd, #cefdfd, #c8f7f8, #baebef, #a5d9e0, #8cc4cf, #72adbd, #5796ab, #407f9b, #2f6b8f, #295b85, #2e4f80, #3b497f, #4c4880, #614a80, #77507f, #8d597d, #a16679, #b27476, #bd8474, #c49273, #c59e74, #c2aa77, #bdb57e, #b5bf89, #acc896, #a3d0a5, #9bd6b4, #94dbc2, #91decf, #90e1d9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYsTnCap03HiRv-2IUdWxrTOydTs`
- Page: https://grabient.com/kYsTnCap03HiRv-2IUdWxrTOydTs?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#8d9bcf` | `oklch(69.69% 0.0785 272.81)` | Velvet Robe | black, 7.6 to 1 |
| 2 | `#8b9fd2` | `oklch(70.61% 0.0788 267.64)` | Azureno | black, 7.9 to 1 |
| 3 | `#88a5d6` | `oklch(71.82% 0.0793 260.46)` | Rip Van Periwinkle | black, 8.3 to 1 |
| 4 | `#84acda` | `oklch(73.27% 0.0800 251.82)` | Buoyant Blue | black, 8.9 to 1 |
| 5 | `#80b4dd` | `oklch(74.88% 0.0808 242.25)` | Dun Morogh Blue | black, 9.5 to 1 |
| 6 | `#7dbdde` | `oklch(76.61% 0.0814 232.31)` | Costa Rica Blue | black, 10.1 to 1 |
| 7 | `#7bc5df` | `oklch(78.37% 0.0818 222.53)` | Bliss Blue | black, 10.8 to 1 |
| 8 | `#7dccde` | `oklch(80.12% 0.0819 213.45)` | Spray | black, 11.5 to 1 |
| 9 | `#81d3dd` | `oklch(81.78% 0.0815 205.62)` | Sea of Tranquillity | black, 12.2 to 1 |
| 10 | `#86d9dd` | `oklch(83.30% 0.0805 199.58)` | Island Oasis | black, 12.9 to 1 |
| 11 | `#8ddedd` | `oklch(84.77% 0.0787 195.57)` | Paradisiacal Getaway | black, 13.5 to 1 |
| 12 | `#97e3e0` | `oklch(86.68% 0.0756 192.64)` | Aqua Fiesta | black, 14.4 to 1 |
| 13 | `#a2eae5` | `oklch(88.89% 0.0715 190.63)` | Freezy Breezy | black, 15.4 to 1 |
| 14 | `#aef1eb` | `oklch(91.18% 0.0668 189.49)` | Pale King’s Blue | black, 16.5 to 1 |
| 15 | `#baf7f1` | `oklch(93.33% 0.0620 189.18)` | Ice Citadel | black, 17.6 to 1 |
| 16 | `#c3fcf7` | `oklch(95.13% 0.0573 189.66)` | Glacial Drift | black, 18.5 to 1 |
| 17 | `#cbfffb` | `oklch(96.35% 0.0526 190.88)` | Luminescent Sky | black, 19.2 to 1 |
| 18 | `#d2fffd` | `oklch(96.78% 0.0464 192.79)` | Mount Olympus | black, 19.4 to 1 |
| 19 | `#cefdfd` | `oklch(96.21% 0.0484 195.31)` | Pale Blue | black, 19.1 to 1 |
| 20 | `#c8f7f8` | `oklch(94.40% 0.0484 198.45)` | Vaporised | black, 18.1 to 1 |
| 21 | `#baebef` | `oklch(90.70% 0.0505 202.00)` | Cold Blooded | black, 16.2 to 1 |
| 22 | `#a5d9e0` | `oklch(85.27% 0.0544 205.99)` | Crystal | black, 13.6 to 1 |
| 23 | `#8cc4cf` | `oklch(78.64% 0.0596 210.55)` | After the Rain | black, 10.9 to 1 |
| 24 | `#72adbd` | `oklch(71.32% 0.0656 215.83)` | Blue Eye Samurai | black, 8.4 to 1 |
| 25 | `#5796ab` | `oklch(63.84% 0.0719 221.97)` | Deep Diving | black, 6.3 to 1 |
| 26 | `#407f9b` | `oklch(56.73% 0.0780 229.09)` | Greenland Blue | black, 4.7 to 1 |
| 27 | `#2f6b8f` | `oklch(50.51% 0.0835 237.34)` | Ocean Call | white, 5.7 to 1 |
| 28 | `#295b85` | `oklch(45.70% 0.0879 246.85)` | Dead Lake | white, 7.1 to 1 |
| 29 | `#2e4f80` | `oklch(42.82% 0.0906 257.77)` | Assassin | white, 8.2 to 1 |
| 30 | `#3b497f` | `oklch(42.15% 0.0915 270.53)` | Expressionism | white, 8.5 to 1 |
| 31 | `#4c4880` | `oklch(43.23% 0.0909 285.56)` | Fresh Eggplant | white, 8.2 to 1 |
| 32 | `#614a80` | `oklch(45.69% 0.0893 302.39)` | Sumptuous Purple | white, 7.4 to 1 |
| 33 | `#77507f` | `oklch(49.20% 0.0868 320.52)` | Spiced Plum | white, 6.4 to 1 |
| 34 | `#8d597d` | `oklch(53.39% 0.0839 339.45)` | Dusky Purple | white, 5.4 to 1 |
| 35 | `#a16679` | `oklch(57.93% 0.0808 358.70)` | Mellow Mauve | black, 4.6 to 1 |
| 36 | `#b27476` | `oklch(62.45% 0.0779 17.76)` | Red Gerbera | black, 5.6 to 1 |
| 37 | `#bd8474` | `oklch(66.61% 0.0754 36.13)` | Big Cypress | black, 6.7 to 1 |
| 38 | `#c49273` | `oklch(70.07% 0.0736 53.33)` | Charleston Chocolate | black, 7.7 to 1 |
| 39 | `#c59e74` | `oklch(72.55% 0.0728 69.05)` | Gingersnap | black, 8.5 to 1 |
| 40 | `#c2aa77` | `oklch(74.66% 0.0728 84.78)` | Cobbler | black, 9.3 to 1 |
| 41 | `#bdb57e` | `oklch(76.59% 0.0732 100.65)` | Misty Moss | black, 10 to 1 |
| 42 | `#b5bf89` | `oklch(78.34% 0.0740 116.33)` | Jitterbug | black, 10.7 to 1 |
| 43 | `#acc896` | `oklch(79.92% 0.0750 131.51)` | Oh Pistachio | black, 11.4 to 1 |
| 44 | `#a3d0a5` | `oklch(81.34% 0.0762 145.87)` | Chinook | black, 12 to 1 |
| 45 | `#9bd6b4` | `oklch(82.59% 0.0774 159.08)` | Nihilakh Oxide | black, 12.6 to 1 |
| 46 | `#94dbc2` | `oklch(83.68% 0.0785 170.82)` | Monet Vert | black, 13.1 to 1 |
| 47 | `#91decf` | `oklch(84.63% 0.0794 180.78)` | Pale Robin Egg Blue | black, 13.5 to 1 |
| 48 | `#90e1d9` | `oklch(85.43% 0.0799 188.62)` | Pale Beryl | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8d9bcf 0.0%, #8b9fd2 2.1%, #88a5d6 4.3%, #84acda 6.4%, #80b4dd 8.5%, #7dbdde 10.6%, #7bc5df 12.8%, #7dccde 14.9%, #81d3dd 17.0%, #86d9dd 19.1%, #8ddedd 21.3%, #97e3e0 23.4%, #a2eae5 25.5%, #aef1eb 27.7%, #baf7f1 29.8%, #c3fcf7 31.9%, #cbfffb 34.0%, #d2fffd 36.2%, #cefdfd 38.3%, #c8f7f8 40.4%, #baebef 42.6%, #a5d9e0 44.7%, #8cc4cf 46.8%, #72adbd 48.9%, #5796ab 51.1%, #407f9b 53.2%, #2f6b8f 55.3%, #295b85 57.4%, #2e4f80 59.6%, #3b497f 61.7%, #4c4880 63.8%, #614a80 66.0%, #77507f 68.1%, #8d597d 70.2%, #a16679 72.3%, #b27476 74.5%, #bd8474 76.6%, #c49273 78.7%, #c59e74 80.9%, #c2aa77 83.0%, #bdb57e 85.1%, #b5bf89 87.2%, #acc896 89.4%, #a3d0a5 91.5%, #9bd6b4 93.6%, #94dbc2 95.7%, #91decf 97.9%, #90e1d9 100.0%);
background: linear-gradient(135deg in oklch, oklch(69.69% 0.0785 272.81) 0.0%, oklch(70.61% 0.0788 267.64) 2.1%, oklch(71.82% 0.0793 260.46) 4.3%, oklch(73.27% 0.0800 251.82) 6.4%, oklch(74.88% 0.0808 242.25) 8.5%, oklch(76.61% 0.0814 232.31) 10.6%, oklch(78.37% 0.0818 222.53) 12.8%, oklch(80.12% 0.0819 213.45) 14.9%, oklch(81.78% 0.0815 205.62) 17.0%, oklch(83.30% 0.0805 199.58) 19.1%, oklch(84.77% 0.0787 195.57) 21.3%, oklch(86.68% 0.0756 192.64) 23.4%, oklch(88.89% 0.0715 190.63) 25.5%, oklch(91.18% 0.0668 189.49) 27.7%, oklch(93.33% 0.0620 189.18) 29.8%, oklch(95.13% 0.0573 189.66) 31.9%, oklch(96.35% 0.0526 190.88) 34.0%, oklch(96.78% 0.0464 192.79) 36.2%, oklch(96.21% 0.0484 195.31) 38.3%, oklch(94.40% 0.0484 198.45) 40.4%, oklch(90.70% 0.0505 202.00) 42.6%, oklch(85.27% 0.0544 205.99) 44.7%, oklch(78.64% 0.0596 210.55) 46.8%, oklch(71.32% 0.0656 215.83) 48.9%, oklch(63.84% 0.0719 221.97) 51.1%, oklch(56.73% 0.0780 229.09) 53.2%, oklch(50.51% 0.0835 237.34) 55.3%, oklch(45.70% 0.0879 246.85) 57.4%, oklch(42.82% 0.0906 257.77) 59.6%, oklch(42.15% 0.0915 270.53) 61.7%, oklch(43.23% 0.0909 285.56) 63.8%, oklch(45.69% 0.0893 302.39) 66.0%, oklch(49.20% 0.0868 320.52) 68.1%, oklch(53.39% 0.0839 339.45) 70.2%, oklch(57.93% 0.0808 358.70) 72.3%, oklch(62.45% 0.0779 17.76) 74.5%, oklch(66.61% 0.0754 36.13) 76.6%, oklch(70.07% 0.0736 53.33) 78.7%, oklch(72.55% 0.0728 69.05) 80.9%, oklch(74.66% 0.0728 84.78) 83.0%, oklch(76.59% 0.0732 100.65) 85.1%, oklch(78.34% 0.0740 116.33) 87.2%, oklch(79.92% 0.0750 131.51) 89.4%, oklch(81.34% 0.0762 145.87) 91.5%, oklch(82.59% 0.0774 159.08) 93.6%, oklch(83.68% 0.0785 170.82) 95.7%, oklch(84.63% 0.0794 180.78) 97.9%, oklch(85.43% 0.0799 188.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.079 | 272.8 |
| 2 | 0.839 | 0.08 | 197.8 |
| 3 | 0.949 | 0.048 | 197.8 |
| 4 | 0.425 | 0.091 | 260.1 |
| 5 | 0.717 | 0.073 | 422.9 |
| 6 | 0.854 | 0.08 | 548.6 |

## Other forms

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