# Tritone beige, blue and purple linear gradient

Tritone beige, blue and purple linear gradient with 7 colors: #fff4c9, #b6eab8, #23cfe3, #5997ff, #8e43e9, #5e2687, #2b1b3d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU9SlEY69NMhVSshF8Bg`
- Page: https://grabient.com/kU9SlEY69NMhVSshF8Bg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.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 | `#fff4c9` | `oklch(96.46% 0.0565 95.62)` | Pure Laughter | black, 19 to 1 |
| 2 | `#b6eab8` | `oklch(88.75% 0.0865 145.89)` | Mint Parfait | black, 15.4 to 1 |
| 3 | `#23cfe3` | `oklch(78.35% 0.1295 207.64)` | Aztec Turquoise | black, 11.1 to 1 |
| 4 | `#5997ff` | `oklch(68.31% 0.1673 260.34)` | Blue Chaos | black, 7.2 to 1 |
| 5 | `#8e43e9` | `oklch(56.69% 0.2343 299.58)` | Chaste Blossoms | white, 5 to 1 |
| 6 | `#5e2687` | `oklch(39.99% 0.1561 307.44)` | Purplex | white, 9.9 to 1 |
| 7 | `#2b1b3d` | `oklch(25.98% 0.0648 303.81)` | Blackcurrant | white, 15.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fff4c9 0.0%, #b6eab8 16.7%, #23cfe3 33.3%, #5997ff 50.0%, #8e43e9 66.7%, #5e2687 83.3%, #2b1b3d 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.46% 0.0565 95.62) 0.0%, oklch(88.75% 0.0865 145.89) 16.7%, oklch(78.35% 0.1295 207.64) 33.3%, oklch(68.31% 0.1673 260.34) 50.0%, oklch(56.69% 0.2343 299.58) 66.7%, oklch(39.99% 0.1561 307.44) 83.3%, oklch(25.98% 0.0648 303.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.965 | 0.056 | 95.6 |
| 2 | 0.783 | 0.13 | 207.6 |
| 3 | 0.567 | 0.234 | 299.6 |
| 4 | 0.26 | 0.065 | 303.8 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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