# Pastel tritone pink, green and blue linear gradient

Pastel tritone pink, green and blue linear gradient with 7 colors: #ffacb1, #ffac8e, #f0cb7d, #d7f58c, #c1ffba, #aaf8dc, #a6d3e9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka0kcLaCdC-0mxT1sURd6zCXUfwzrFMcA`
- Page: https://grabient.com/ka0kcLaCdC-0mxT1sURd6zCXUfwzrFMcA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#ffacb1` | `oklch(82.68% 0.0973 15.47)` | Apricot Haze | black, 11.8 to 1 |
| 2 | `#ffac8e` | `oklch(81.89% 0.1061 40.83)` | Coral Correlation | black, 11.5 to 1 |
| 3 | `#f0cb7d` | `oklch(85.83% 0.1061 85.21)` | Mountain Maize | black, 13.5 to 1 |
| 4 | `#d7f58c` | `oklch(92.52% 0.1350 122.20)` | Sunny Lime | black, 17.3 to 1 |
| 5 | `#c1ffba` | `oklch(94.09% 0.1108 142.28)` | Glow in the Dark | black, 18.2 to 1 |
| 6 | `#aaf8dc` | `oklch(92.13% 0.0868 169.75)` | Icery | black, 17.2 to 1 |
| 7 | `#a6d3e9` | `oklch(84.25% 0.0565 229.99)` | Laissez-Faire | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffacb1 0.0%, #ffac8e 16.7%, #f0cb7d 33.3%, #d7f58c 50.0%, #c1ffba 66.7%, #aaf8dc 83.3%, #a6d3e9 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.68% 0.0973 15.47) 0.0%, oklch(81.89% 0.1061 40.83) 16.7%, oklch(85.83% 0.1061 85.21) 33.3%, oklch(92.52% 0.1350 122.20) 50.0%, oklch(94.09% 0.1108 142.28) 66.7%, oklch(92.13% 0.0868 169.75) 83.3%, oklch(84.25% 0.0565 229.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.098 | 15.5 |
| 2 | 0.819 | 0.107 | 40.8 |
| 3 | 0.858 | 0.106 | 85.2 |
| 4 | 0.925 | 0.135 | 122.2 |
| 5 | 0.941 | 0.123 | 142.3 |
| 6 | 0.921 | 0.087 | 169.8 |
| 7 | 0.843 | 0.056 | 230 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)

## Other forms

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