# Seamless light blue, teal and gray linear gradient

Seamless light blue, teal and gray linear gradient with 7 colors: #a5d7df, #66a0b5, #40687f, #4a6668, #839388, #b4cfbb, #aedfe1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY1yaUURlCDqSQHIiDiZo29u6Sxe`
- Page: https://grabient.com/kY1yaUURlCDqSQHIiDiZo29u6Sxe
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, muted, cool, monochrome, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#a5d7df` | `oklch(84.65% 0.0524 208.12)` | Rapture Blue | black, 13.3 to 1 |
| 2 | `#66a0b5` | `oklch(67.32% 0.0680 223.68)` | Dolphin Daze | black, 7.2 to 1 |
| 3 | `#40687f` | `oklch(49.72% 0.0580 234.35)` | Ocean Storm | white, 5.9 to 1 |
| 4 | `#4a6668` | `oklch(48.99% 0.0337 200.60)` | Walk Me Home | white, 6.1 to 1 |
| 5 | `#839388` | `oklch(64.67% 0.0240 155.84)` | Wethersfield Moss | black, 6.4 to 1 |
| 6 | `#b4cfbb` | `oklch(82.83% 0.0397 153.95)` | Gossamer Green | black, 12.5 to 1 |
| 7 | `#aedfe1` | `oklch(87.01% 0.0510 199.67)` | Opal | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a5d7df 0.0%, #66a0b5 16.7%, #40687f 33.3%, #4a6668 50.0%, #839388 66.7%, #b4cfbb 83.3%, #aedfe1 100.0%);
background: linear-gradient(90deg in oklch, oklch(84.65% 0.0524 208.12) 0.0%, oklch(67.32% 0.0680 223.68) 16.7%, oklch(49.72% 0.0580 234.35) 33.3%, oklch(48.99% 0.0337 200.60) 50.0%, oklch(64.67% 0.0240 155.84) 66.7%, oklch(82.83% 0.0397 153.95) 83.3%, oklch(87.01% 0.0510 199.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.052 | 208.1 |
| 2 | 0.638 | 0.069 | 226.1 |
| 3 | 0.461 | 0.05 | 230.3 |
| 4 | 0.571 | 0.022 | 168 |
| 5 | 0.807 | 0.037 | 148.9 |
| 6 | 0.87 | 0.051 | 199.7 |

## In these collections

- [Winter swatches](https://grabient.com/winter-swatches)
- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)
- [Ocean swatches](https://grabient.com/ocean-swatches)
- [Winter](https://grabient.com/winter)

## Other forms

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