# Pastel duotone blue to pink linear gradient

Pastel duotone blue to pink linear gradient with 7 colors: #71e1ff, #79f1ff, #8bfcff, #a0ffff, #bcfbff, #daf0ff, #fbdff7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY2VCbcqe-Pakvz4HUAeA1C_aQTI`
- Page: https://grabient.com/kY2VCbcqe-Pakvz4HUAeA1C_aQTI
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: even lightness, pastel, light, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.3 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 | `#71e1ff` | `oklch(85.43% 0.1101 217.96)` | Athena Blue | black, 13.8 to 1 |
| 2 | `#79f1ff` | `oklch(89.41% 0.1095 205.32)` | Photon Projector | black, 15.8 to 1 |
| 3 | `#8bfcff` | `oklch(92.46% 0.1032 198.08)` | Glitter Shower | black, 17.4 to 1 |
| 4 | `#a0ffff` | `oklch(94.09% 0.0905 195.39)` | Glitchy Shader Blue | black, 18.2 to 1 |
| 5 | `#bcfbff` | `oklch(94.62% 0.0631 201.52)` | Friendly Frost | black, 18.3 to 1 |
| 6 | `#daf0ff` | `oklch(94.35% 0.0309 237.55)` | Calcareous Sinter | black, 17.8 to 1 |
| 7 | `#fbdff7` | `oklch(93.31% 0.0441 329.98)` | Silky Pink | black, 16.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #71e1ff 0.0%, #79f1ff 16.7%, #8bfcff 33.3%, #a0ffff 50.0%, #bcfbff 66.7%, #daf0ff 83.3%, #fbdff7 100.0%);
background: linear-gradient(90deg in oklch, oklch(85.43% 0.1101 217.96) 0.0%, oklch(89.41% 0.1095 205.32) 16.7%, oklch(92.46% 0.1032 198.08) 33.3%, oklch(94.09% 0.0905 195.39) 50.0%, oklch(94.62% 0.0631 201.52) 66.7%, oklch(94.35% 0.0309 237.55) 83.3%, oklch(93.31% 0.0441 329.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.11 | 218 |
| 2 | 0.902 | 0.109 | 203.2 |
| 3 | 0.933 | 0.101 | 196.8 |
| 4 | 0.945 | 0.08 | 197.9 |
| 5 | 0.945 | 0.036 | 223.3 |
| 6 | 0.933 | 0.044 | 330 |

## In these collections

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

## Other forms

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