# Off-white to blue linear gradient

Off-white to blue linear gradient with 7 colors: #f4eed8, #d9e5c9, #aad6c6, #83bec5, #609eb0, #387b90, #17647a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS8RZDYRbNDucwe`
- Page: https://grabient.com/kS8RZDYRbNDucwe
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.7 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 | `#f4eed8` | `oklch(94.88% 0.0303 94.22)` | Apple Core | black, 18.1 to 1 |
| 2 | `#d9e5c9` | `oklch(90.49% 0.0391 126.47)` | Great Joy | black, 15.9 to 1 |
| 3 | `#aad6c6` | `oklch(84.05% 0.0514 171.05)` | Scud | black, 13.1 to 1 |
| 4 | `#83bec5` | `oklch(76.38% 0.0620 205.18)` | Misty Cold Sea | black, 10.1 to 1 |
| 5 | `#609eb0` | `oklch(66.26% 0.0693 218.41)` | Dolphin Daze | black, 6.9 to 1 |
| 6 | `#387b90` | `oklch(54.91% 0.0748 221.19)` | Larkspur | white, 4.7 to 1 |
| 7 | `#17647a` | `oklch(46.85% 0.0785 222.09)` | World’s Away | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f4eed8 0.0%, #d9e5c9 16.7%, #aad6c6 33.3%, #83bec5 50.0%, #609eb0 66.7%, #387b90 83.3%, #17647a 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.88% 0.0303 94.22) 0.0%, oklch(90.49% 0.0391 126.47) 16.7%, oklch(84.05% 0.0514 171.05) 33.3%, oklch(76.38% 0.0620 205.18) 50.0%, oklch(66.26% 0.0693 218.41) 66.7%, oklch(54.91% 0.0748 221.19) 83.3%, oklch(46.85% 0.0785 222.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.03 | 94.2 |
| 2 | 0.764 | 0.062 | 205.2 |
| 3 | 0.469 | 0.079 | 222.1 |

## In these collections

- [Between tides](https://grabient.com/between-tides)
- [Sky](https://grabient.com/sky)

## Other forms

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