# Light blue, beige, teal and blue linear gradient

Light blue, beige, teal and blue linear gradient with 40 colors: #cbeee0, #c2e7dc, #b6dcd6, #a8cece, #9abec4, #8eaeb9, #849fae, #7b91a4, #74879c, #6e8197, #6b8096, #69869a, #6991a1, #6da1a7, #7ab3a8, #91c3a5, #afd0a1, #cdd99d, #e5dd9d, #f2de9c, #f0dc98, #dfd48f, #c2ca85, #9cbc80, #70ab80, #469883, #228384, #126f82, #19607e, #22577b, #29567d, #315c83, #39668c, #437599, #4e86a7, #5b99b5, #69acc3, #76bdcf, #82cbd8, #8bd4df. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW6h54yw9JnKgLS3ndHaRs7o`
- Page: https://grabient.com/kW6h54yw9JnKgLS3ndHaRs7o?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.2 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 | `#cbeee0` | `oklch(92.13% 0.0413 169.45)` | Summer House | black, 16.9 to 1 |
| 2 | `#c2e7dc` | `oklch(89.80% 0.0411 175.57)` | Tame Teal | black, 15.7 to 1 |
| 3 | `#b6dcd6` | `oklch(86.41% 0.0406 184.88)` | Catch the Wave | black, 14.1 to 1 |
| 4 | `#a8cece` | `oklch(82.29% 0.0398 196.35)` | Blue Angora | black, 12.3 to 1 |
| 5 | `#9abec4` | `oklch(77.73% 0.0390 208.94)` | Bel Esprit | black, 10.5 to 1 |
| 6 | `#8eaeb9` | `oklch(73.07% 0.0383 221.60)` | Thermocline | black, 8.9 to 1 |
| 7 | `#849fae` | `oklch(68.61% 0.0379 233.29)` | Lake Winnipeg | black, 7.5 to 1 |
| 8 | `#7b91a4` | `oklch(64.66% 0.0379 242.99)` | Jean Jacket Blue | black, 6.4 to 1 |
| 9 | `#74879c` | `oklch(61.55% 0.0385 249.64)` | Somnambulist | black, 5.6 to 1 |
| 10 | `#6e8197` | `oklch(59.59% 0.0398 252.20)` | Grey Blueberry | black, 5.2 to 1 |
| 11 | `#6b8096` | `oklch(59.10% 0.0420 249.58)` | Grey Blueberry | black, 5.1 to 1 |
| 12 | `#69869a` | `oklch(60.47% 0.0454 239.97)` | Seal Pup | black, 5.4 to 1 |
| 13 | `#6991a1` | `oklch(63.44% 0.0501 224.28)` | Wave Jumper | black, 6.1 to 1 |
| 14 | `#6da1a7` | `oklch(67.54% 0.0555 204.29)` | Reef Waters | black, 7.3 to 1 |
| 15 | `#7ab3a8` | `oklch(72.32% 0.0614 181.77)` | Intracoastal | black, 8.8 to 1 |
| 16 | `#91c3a5` | `oklch(77.31% 0.0675 158.51)` | Spearmint Frosting | black, 10.5 to 1 |
| 17 | `#afd0a1` | `oklch(82.06% 0.0734 136.28)` | Apium | black, 12.3 to 1 |
| 18 | `#cdd99d` | `oklch(86.11% 0.0788 116.87)` | Cucumber Ice | black, 13.9 to 1 |
| 19 | `#e5dd9d` | `oklch(89.00% 0.0835 102.05)` | Flourish | black, 15.2 to 1 |
| 20 | `#f2de9c` | `oklch(90.27% 0.0870 93.59)` | Dainty Daisy | black, 15.7 to 1 |
| 21 | `#f0dc98` | `oklch(89.46% 0.0891 93.15)` | Gold Bullion | black, 15.3 to 1 |
| 22 | `#dfd48f` | `oklch(86.43% 0.0901 100.38)` | Leaf Print | black, 14 to 1 |
| 23 | `#c2ca85` | `oklch(81.66% 0.0902 113.68)` | Apple II Beige | black, 12 to 1 |
| 24 | `#9cbc80` | `oklch(75.67% 0.0897 131.45)` | Gleeful | black, 9.9 to 1 |
| 25 | `#70ab80` | `oklch(69.01% 0.0886 152.07)` | Light Grass Green | black, 7.8 to 1 |
| 26 | `#469883` | `oklch(62.18% 0.0872 173.93)` | Crisp Lettuce | black, 6 to 1 |
| 27 | `#228384` | `oklch(55.73% 0.0856 195.44)` | Bayou | black, 4.6 to 1 |
| 28 | `#126f82` | `oklch(50.18% 0.0840 214.98)` | Billabong | white, 5.7 to 1 |
| 29 | `#19607e` | `oklch(46.05% 0.0826 230.95)` | Blue Sapphire | white, 6.9 to 1 |
| 30 | `#22577b` | `oklch(43.88% 0.0815 241.73)` | Royal Breeze | white, 7.7 to 1 |
| 31 | `#29567d` | `oklch(44.01% 0.0808 246.69)` | Breonne Blue | white, 7.7 to 1 |
| 32 | `#315c83` | `oklch(46.05% 0.0800 247.80)` | Pelagic | white, 7 to 1 |
| 33 | `#39668c` | `oklch(49.60% 0.0792 245.86)` | Drake’s Neck | white, 6 to 1 |
| 34 | `#437599` | `oklch(54.24% 0.0783 241.59)` | Dull Blue | white, 4.9 to 1 |
| 35 | `#4e86a7` | `oklch(59.59% 0.0775 235.72)` | Hemisphere | black, 5.3 to 1 |
| 36 | `#5b99b5` | `oklch(65.23% 0.0767 228.96)` | Pass Time Blue | black, 6.6 to 1 |
| 37 | `#69acc3` | `oklch(70.76% 0.0760 222.03)` | Moonstone Blue | black, 8.2 to 1 |
| 38 | `#76bdcf` | `oklch(75.78% 0.0754 215.67)` | Cologne | black, 9.9 to 1 |
| 39 | `#82cbd8` | `oklch(79.89% 0.0748 210.58)` | Spray | black, 11.4 to 1 |
| 40 | `#8bd4df` | `oklch(82.68% 0.0744 207.50)` | Plunging Waterfall | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #cbeee0 0.0%, #c2e7dc 2.6%, #b6dcd6 5.1%, #a8cece 7.7%, #9abec4 10.3%, #8eaeb9 12.8%, #849fae 15.4%, #7b91a4 17.9%, #74879c 20.5%, #6e8197 23.1%, #6b8096 25.6%, #69869a 28.2%, #6991a1 30.8%, #6da1a7 33.3%, #7ab3a8 35.9%, #91c3a5 38.5%, #afd0a1 41.0%, #cdd99d 43.6%, #e5dd9d 46.2%, #f2de9c 48.7%, #f0dc98 51.3%, #dfd48f 53.8%, #c2ca85 56.4%, #9cbc80 59.0%, #70ab80 61.5%, #469883 64.1%, #228384 66.7%, #126f82 69.2%, #19607e 71.8%, #22577b 74.4%, #29567d 76.9%, #315c83 79.5%, #39668c 82.1%, #437599 84.6%, #4e86a7 87.2%, #5b99b5 89.7%, #69acc3 92.3%, #76bdcf 94.9%, #82cbd8 97.4%, #8bd4df 100.0%);
background: linear-gradient(45deg in oklch, oklch(92.13% 0.0413 169.45) 0.0%, oklch(89.80% 0.0411 175.57) 2.6%, oklch(86.41% 0.0406 184.88) 5.1%, oklch(82.29% 0.0398 196.35) 7.7%, oklch(77.73% 0.0390 208.94) 10.3%, oklch(73.07% 0.0383 221.60) 12.8%, oklch(68.61% 0.0379 233.29) 15.4%, oklch(64.66% 0.0379 242.99) 17.9%, oklch(61.55% 0.0385 249.64) 20.5%, oklch(59.59% 0.0398 252.20) 23.1%, oklch(59.10% 0.0420 249.58) 25.6%, oklch(60.47% 0.0454 239.97) 28.2%, oklch(63.44% 0.0501 224.28) 30.8%, oklch(67.54% 0.0555 204.29) 33.3%, oklch(72.32% 0.0614 181.77) 35.9%, oklch(77.31% 0.0675 158.51) 38.5%, oklch(82.06% 0.0734 136.28) 41.0%, oklch(86.11% 0.0788 116.87) 43.6%, oklch(89.00% 0.0835 102.05) 46.2%, oklch(90.27% 0.0870 93.59) 48.7%, oklch(89.46% 0.0891 93.15) 51.3%, oklch(86.43% 0.0901 100.38) 53.8%, oklch(81.66% 0.0902 113.68) 56.4%, oklch(75.67% 0.0897 131.45) 59.0%, oklch(69.01% 0.0886 152.07) 61.5%, oklch(62.18% 0.0872 173.93) 64.1%, oklch(55.73% 0.0856 195.44) 66.7%, oklch(50.18% 0.0840 214.98) 69.2%, oklch(46.05% 0.0826 230.95) 71.8%, oklch(43.88% 0.0815 241.73) 74.4%, oklch(44.01% 0.0808 246.69) 76.9%, oklch(46.05% 0.0800 247.80) 79.5%, oklch(49.60% 0.0792 245.86) 82.1%, oklch(54.24% 0.0783 241.59) 84.6%, oklch(59.59% 0.0775 235.72) 87.2%, oklch(65.23% 0.0767 228.96) 89.7%, oklch(70.76% 0.0760 222.03) 92.3%, oklch(75.78% 0.0754 215.67) 94.9%, oklch(79.89% 0.0748 210.58) 97.4%, oklch(82.68% 0.0744 207.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.041 | 169.5 |
| 2 | 0.591 | 0.041 | 250.8 |
| 3 | 0.902 | 0.088 | 92.3 |
| 4 | 0.437 | 0.081 | 243.4 |
| 5 | 0.827 | 0.074 | 207.5 |

## Other forms

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