# Tritone pink, lavender and blue linear gradient

Tritone pink, lavender and blue linear gradient with 7 colors: #d3c1b7, #e5a4ac, #c08ba7, #7582b2, #2f8ac4, #21a3cf, #3fbfd1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka0RIk45w7NibPROG7czSw8NUsvleqL2g`
- Page: https://grabient.com/ka0RIk45w7NibPROG7czSw8NUsvleqL2g
- Drawn as: linear gradient, 7 steps, 90 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.1 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 | `#d3c1b7` | `oklch(82.28% 0.0248 51.33)` | Rabbit’s Foot | black, 12 to 1 |
| 2 | `#e5a4ac` | `oklch(78.35% 0.0772 11.17)` | Berry Riche | black, 10.2 to 1 |
| 3 | `#c08ba7` | `oklch(69.69% 0.0744 346.87)` | Rosy | black, 7.4 to 1 |
| 4 | `#7582b2` | `oklch(61.42% 0.0758 272.89)` | Venture Violet | black, 5.5 to 1 |
| 5 | `#2f8ac4` | `oklch(60.63% 0.1213 241.19)` | Newport Blue | black, 5.5 to 1 |
| 6 | `#21a3cf` | `oklch(66.93% 0.1226 227.45)` | Charybdis | black, 7.2 to 1 |
| 7 | `#3fbfd1` | `oklch(74.41% 0.1116 208.43)` | Water Sports | black, 9.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d3c1b7 0.0%, #e5a4ac 16.7%, #c08ba7 33.3%, #7582b2 50.0%, #2f8ac4 66.7%, #21a3cf 83.3%, #3fbfd1 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.28% 0.0248 51.33) 0.0%, oklch(78.35% 0.0772 11.17) 16.7%, oklch(69.69% 0.0744 346.87) 33.3%, oklch(61.42% 0.0758 272.89) 50.0%, oklch(60.63% 0.1213 241.19) 66.7%, oklch(66.93% 0.1226 227.45) 83.3%, oklch(74.41% 0.1116 208.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.025 | 51.3 |
| 2 | 0.783 | 0.077 | 11.2 |
| 3 | 0.697 | 0.074 | -13.1 |
| 4 | 0.614 | 0.076 | -87.1 |
| 5 | 0.606 | 0.121 | -118.8 |
| 6 | 0.669 | 0.123 | -132.5 |
| 7 | 0.744 | 0.112 | -151.6 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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