# Seamless blue, pink and gray linear swatches

Seamless blue, pink and gray linear swatches with 7 colors: #6e93b6, #fcd7d0, #72637f, #4d5873, #b5b0c4, #e6e2f0, #6d8cad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYpTCv847SLARr9SjkKd4XCNAWOU`
- Page: https://grabient.com/kYpTCv847SLARr9SjkKd4XCNAWOU?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: pastel, seamless
- Hues: two-hue
- 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 | `#6e93b6` | `oklch(64.96% 0.0661 246.80)` | Allure | black, 6.5 to 1 |
| 2 | `#fcd7d0` | `oklch(90.89% 0.0426 30.40)` | Elusive | black, 15.7 to 1 |
| 3 | `#72637f` | `oklch(52.49% 0.0455 309.22)` | Montana Grape | white, 5.4 to 1 |
| 4 | `#4d5873` | `oklch(46.24% 0.0454 266.15)` | Hormagaunt Purple | white, 7 to 1 |
| 5 | `#b5b0c4` | `oklch(76.76% 0.0292 296.31)` | Misty Lilac | black, 9.9 to 1 |
| 6 | `#e6e2f0` | `oklch(92.04% 0.0193 300.33)` | Farsighted | black, 16.5 to 1 |
| 7 | `#6d8cad` | `oklch(62.99% 0.0606 249.97)` | Distant Sky | black, 6 to 1 |

## CSS

```css
background: linear-gradient(160deg, #6e93b6 0.000% 14.286%, #fcd7d0 14.286% 28.571%, #72637f 28.571% 42.857%, #4d5873 42.857% 57.143%, #b5b0c4 57.143% 71.429%, #e6e2f0 71.429% 85.714%, #6d8cad 85.714% 100.000%);
background: linear-gradient(160deg, oklch(64.96% 0.0661 246.80) 0.000% 14.286%, oklch(90.89% 0.0426 30.40) 14.286% 28.571%, oklch(52.49% 0.0455 309.22) 28.571% 42.857%, oklch(46.24% 0.0454 266.15) 42.857% 57.143%, oklch(76.76% 0.0292 296.31) 57.143% 71.429%, oklch(92.04% 0.0193 300.33) 71.429% 85.714%, oklch(62.99% 0.0606 249.97) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.066 | 246.8 |
| 2 | 0.909 | 0.04 | 401.1 |
| 3 | 0.378 | 0.048 | 264.8 |
| 4 | 0.65 | 0.039 | 287 |
| 5 | 0.941 | 0.015 | 306 |
| 6 | 0.63 | 0.061 | 250 |

## In these collections

- [Dusk swatches](https://grabient.com/dusk-swatches)

## Other forms

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