# Soft blue pale teal rings

Blue, pink, lavender and light blue linear gradient with 40 colors: #5597c8, #6699cf, #7e9bd8, #9a9ede, #b4a2e0, #caa6dd, #d9aad8, #dfabd3, #dca9cd, #cda1c7, #b595be, #9787b1, #7879a0, #5c6b8c, #445f7a, #34566c, #2a5367, #23536a, #1f5673, #1f5b81, #286192, #3667a4, #466eb4, #5475c1, #5f7cc9, #6c86d1, #7a91d7, #899ddd, #97aae1, #a3b5e5, #aec0e8, #b5c8eb, #b8cfed, #b8d4ee, #b5d7ed, #b1daeb, #addbe6, #abdce1, #a9dddc, #aaded8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, pink, lavender and light blue linear gradient
- Seed: `kYpkisZRxLLYUM7KLUPahM_W2Tt0`
- Page: https://grabient.com/kYpkisZRxLLYUM7KLUPahM_W2Tt0?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#5597c8` | `oklch(65.35% 0.0992 241.87)` | Canadian Tuxedo | black, 6.6 to 1 |
| 2 | `#6699cf` | `oklch(66.85% 0.0975 250.86)` | Lothern Blue | black, 7 to 1 |
| 3 | `#7e9bd8` | `oklch(69.23% 0.0951 264.38)` | Purple Gentian | black, 7.5 to 1 |
| 4 | `#9a9ede` | `oklch(72.10% 0.0923 280.57)` | Dalmatian Sage | black, 8.3 to 1 |
| 5 | `#b4a2e0` | `oklch(75.04% 0.0892 297.59)` | Violet Velvet | black, 9.2 to 1 |
| 6 | `#caa6dd` | `oklch(77.63% 0.0860 313.57)` | Tropical Violet | black, 10 to 1 |
| 7 | `#d9aad8` | `oklch(79.46% 0.0827 326.65)` | Barely Bloomed | black, 10.6 to 1 |
| 8 | `#dfabd3` | `oklch(80.12% 0.0795 334.98)` | Dreamy Pink | black, 10.9 to 1 |
| 9 | `#dca9cd` | `oklch(79.18% 0.0766 336.70)` | Aristocratic Pink | black, 10.5 to 1 |
| 10 | `#cda1c7` | `oklch(76.12% 0.0729 330.63)` | Geranium Bud | black, 9.5 to 1 |
| 11 | `#b595be` | `oklch(71.30% 0.0683 318.32)` | Sheer Lilac | black, 8 to 1 |
| 12 | `#9787b1` | `oklch(65.38% 0.0636 301.90)` | Silk Lilac | black, 6.4 to 1 |
| 13 | `#7879a0` | `oklch(59.01% 0.0592 283.49)` | Blue Dove | black, 5 to 1 |
| 14 | `#5c6b8c` | `oklch(52.84% 0.0557 265.20)` | Allegiance | white, 5.3 to 1 |
| 15 | `#445f7a` | `oklch(47.55% 0.0537 249.15)` | Mountain River | white, 6.6 to 1 |
| 16 | `#34566c` | `oklch(43.78% 0.0538 237.46)` | Summer Night | white, 7.7 to 1 |
| 17 | `#2a5367` | `oklch(42.10% 0.0567 232.00)` | Regatta Bay | white, 8.3 to 1 |
| 18 | `#23536a` | `oklch(42.03% 0.0638 231.57)` | Juggernaut | white, 8.3 to 1 |
| 19 | `#1f5673` | `oklch(43.17% 0.0742 234.70)` | Canoe Blue | white, 7.9 to 1 |
| 20 | `#1f5b81` | `oklch(45.22% 0.0864 240.29)` | Oceanic Motion | white, 7.2 to 1 |
| 21 | `#286192` | `oklch(47.92% 0.0989 247.23)` | Outer Reef | white, 6.5 to 1 |
| 22 | `#3667a4` | `oklch(51.00% 0.1102 254.44)` | Distant Blue | white, 5.7 to 1 |
| 23 | `#466eb4` | `oklch(54.17% 0.1189 260.80)` | Azraq Blue | white, 5 to 1 |
| 24 | `#5475c1` | `oklch(57.18% 0.1236 265.21)` | Diva Violet | black, 4.6 to 1 |
| 25 | `#5f7cc9` | `oklch(59.96% 0.1229 267.21)` | Indigo Light | black, 5.2 to 1 |
| 26 | `#6c86d1` | `oklch(63.20% 0.1172 268.69)` | Livid | black, 5.9 to 1 |
| 27 | `#7a91d7` | `oklch(66.80% 0.1078 269.74)` | Mood Mode | black, 6.8 to 1 |
| 28 | `#899ddd` | `oklch(70.55% 0.0962 270.17)` | Portage | black, 7.9 to 1 |
| 29 | `#97aae1` | `oklch(74.26% 0.0835 269.78)` | Black Drop | black, 9.1 to 1 |
| 30 | `#a3b5e5` | `oklch(77.72% 0.0713 268.39)` | Myrtle Flower | black, 10.3 to 1 |
| 31 | `#aec0e8` | `oklch(80.73% 0.0608 265.82)` | Promise | black, 11.4 to 1 |
| 32 | `#b5c8eb` | `oklch(83.09% 0.0534 261.87)` | Tropical Blue | black, 12.4 to 1 |
| 33 | `#b8cfed` | `oklch(84.69% 0.0495 255.87)` | Frost Fairy | black, 13.1 to 1 |
| 34 | `#b8d4ee` | `oklch(85.69% 0.0477 247.19)` | Summer Birthday | black, 13.6 to 1 |
| 35 | `#b5d7ed` | `oklch(86.22% 0.0475 236.70)` | Light Template | black, 13.9 to 1 |
| 36 | `#b1daeb` | `oklch(86.41% 0.0484 225.27)` | New Prince | black, 14 to 1 |
| 37 | `#addbe6` | `oklch(86.38% 0.0500 213.79)` | Light Washed Blue | black, 14.1 to 1 |
| 38 | `#abdce1` | `oklch(86.26% 0.0517 203.16)` | Geyser Pool | black, 14 to 1 |
| 39 | `#a9dddc` | `oklch(86.16% 0.0531 194.26)` | High Altitude | black, 14 to 1 |
| 40 | `#aaded8` | `oklch(86.22% 0.0537 187.98)` | High Altitude | black, 14.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5597c8 0.0%, #6699cf 2.6%, #7e9bd8 5.1%, #9a9ede 7.7%, #b4a2e0 10.3%, #caa6dd 12.8%, #d9aad8 15.4%, #dfabd3 17.9%, #dca9cd 20.5%, #cda1c7 23.1%, #b595be 25.6%, #9787b1 28.2%, #7879a0 30.8%, #5c6b8c 33.3%, #445f7a 35.9%, #34566c 38.5%, #2a5367 41.0%, #23536a 43.6%, #1f5673 46.2%, #1f5b81 48.7%, #286192 51.3%, #3667a4 53.8%, #466eb4 56.4%, #5475c1 59.0%, #5f7cc9 61.5%, #6c86d1 64.1%, #7a91d7 66.7%, #899ddd 69.2%, #97aae1 71.8%, #a3b5e5 74.4%, #aec0e8 76.9%, #b5c8eb 79.5%, #b8cfed 82.1%, #b8d4ee 84.6%, #b5d7ed 87.2%, #b1daeb 89.7%, #addbe6 92.3%, #abdce1 94.9%, #a9dddc 97.4%, #aaded8 100.0%);
background: linear-gradient(135deg in oklch, oklch(65.35% 0.0992 241.87) 0.0%, oklch(66.85% 0.0975 250.86) 2.6%, oklch(69.23% 0.0951 264.38) 5.1%, oklch(72.10% 0.0923 280.57) 7.7%, oklch(75.04% 0.0892 297.59) 10.3%, oklch(77.63% 0.0860 313.57) 12.8%, oklch(79.46% 0.0827 326.65) 15.4%, oklch(80.12% 0.0795 334.98) 17.9%, oklch(79.18% 0.0766 336.70) 20.5%, oklch(76.12% 0.0729 330.63) 23.1%, oklch(71.30% 0.0683 318.32) 25.6%, oklch(65.38% 0.0636 301.90) 28.2%, oklch(59.01% 0.0592 283.49) 30.8%, oklch(52.84% 0.0557 265.20) 33.3%, oklch(47.55% 0.0537 249.15) 35.9%, oklch(43.78% 0.0538 237.46) 38.5%, oklch(42.10% 0.0567 232.00) 41.0%, oklch(42.03% 0.0638 231.57) 43.6%, oklch(43.17% 0.0742 234.70) 46.2%, oklch(45.22% 0.0864 240.29) 48.7%, oklch(47.92% 0.0989 247.23) 51.3%, oklch(51.00% 0.1102 254.44) 53.8%, oklch(54.17% 0.1189 260.80) 56.4%, oklch(57.18% 0.1236 265.21) 59.0%, oklch(59.96% 0.1229 267.21) 61.5%, oklch(63.20% 0.1172 268.69) 64.1%, oklch(66.80% 0.1078 269.74) 66.7%, oklch(70.55% 0.0962 270.17) 69.2%, oklch(74.26% 0.0835 269.78) 71.8%, oklch(77.72% 0.0713 268.39) 74.4%, oklch(80.73% 0.0608 265.82) 76.9%, oklch(83.09% 0.0534 261.87) 79.5%, oklch(84.69% 0.0495 255.87) 82.1%, oklch(85.69% 0.0477 247.19) 84.6%, oklch(86.22% 0.0475 236.70) 87.2%, oklch(86.41% 0.0484 225.27) 89.7%, oklch(86.38% 0.0500 213.79) 92.3%, oklch(86.26% 0.0517 203.16) 94.9%, oklch(86.16% 0.0531 194.26) 97.4%, oklch(86.22% 0.0537 187.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.099 | 241.9 |
| 2 | 0.795 | 0.077 | 337 |
| 3 | 0.425 | 0.055 | 233.4 |
| 4 | 0.583 | 0.124 | 266.2 |
| 5 | 0.835 | 0.052 | 260.9 |
| 6 | 0.862 | 0.054 | 188 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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