# Cyan crimson red glow

Tritone cyan, purple and red linear gradient with 8 colors: #28e3ed, #32b9ca, #71809c, #a34e6f, #d72347, #f81b24, #ff2218, #fa3d1a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone cyan, purple and red linear gradient
- Seed: `kc1GOPXClAswRRnEq0syMzCU9YwRRW0A0lNAQ`
- Page: https://grabient.com/kc1GOPXClAswRRnEq0syMzCU9YwRRW0A0lNAQ?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.4 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 | `#28e3ed` | `oklch(83.46% 0.1364 201.09)` | Cold Heights | black, 13.2 to 1 |
| 2 | `#32b9ca` | `oklch(72.44% 0.1130 207.43)` | Utopia Beckons | black, 8.9 to 1 |
| 3 | `#71809c` | `oklch(59.84% 0.0469 262.39)` | Country Blue | black, 5.2 to 1 |
| 4 | `#a34e6f` | `oklch(53.94% 0.1185 357.49)` | China Rose | white, 5.4 to 1 |
| 5 | `#d72347` | `oklch(57.09% 0.2108 17.57)` | Red Prickly Pear | white, 4.9 to 1 |
| 6 | `#f81b24` | `oklch(62.20% 0.2439 27.08)` | Vivid Red | black, 5.1 to 1 |
| 7 | `#ff2218` | `oklch(63.78% 0.2480 29.20)` | Janemba Red | black, 5.4 to 1 |
| 8 | `#fa3d1a` | `oklch(64.57% 0.2287 32.37)` | Strawberry Spinach Red | black, 5.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #28e3ed 0.0%, #32b9ca 14.3%, #71809c 28.6%, #a34e6f 42.9%, #d72347 57.1%, #f81b24 71.4%, #ff2218 85.7%, #fa3d1a 100.0%);
background: linear-gradient(90deg in oklch, oklch(83.46% 0.1364 201.09) 0.0%, oklch(72.44% 0.1130 207.43) 14.3%, oklch(59.84% 0.0469 262.39) 28.6%, oklch(53.94% 0.1185 357.49) 42.9%, oklch(57.09% 0.2108 17.57) 57.1%, oklch(62.20% 0.2439 27.08) 71.4%, oklch(63.78% 0.2480 29.20) 85.7%, oklch(64.57% 0.2287 32.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.136 | 201.1 |
| 2 | 0.724 | 0.113 | 207.4 |
| 3 | 0.598 | 0.047 | 262.4 |
| 4 | 0.539 | 0.119 | 357.5 |
| 5 | 0.571 | 0.211 | 377.6 |
| 6 | 0.622 | 0.244 | 387.1 |
| 7 | 0.638 | 0.251 | 389.2 |
| 8 | 0.646 | 0.229 | 392.4 |

## In these collections

- [Two color gradients](https://grabient.com/two-color-gradients)

## Other forms

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