# Scarlet cobalt violet gradient

Vivid tritone red, purple and blue linear gradient with 32 colors: #ff2731, #fd2536, #fb253b, #f72541, #f32647, #ef264e, #eb2656, #e6265f, #e12669, #db2675, #d32882, #ca2b90, #c02f9e, #b532aa, #a935b5, #9e38bd, #9439c4, #893aca, #7e39cf, #7339d3, #6839d7, #5d39d9, #5239da, #473ada, #3e3cd8, #363dd5, #2f3fd1, #2941cd, #2443c9, #2144c5, #1e45c1, #1b46bf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid tritone red, purple and blue linear gradient
- Seed: `kWo7ISzFA90TMOY807tuUc-g`
- Page: https://grabient.com/kWo7ISzFA90TMOY807tuUc-g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2 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 | `#ff2731` | `oklch(64.17% 0.2438 26.02)` | In the Red | black, 5.5 to 1 |
| 2 | `#fd2536` | `oklch(63.84% 0.2432 24.84)` | In the Red | black, 5.5 to 1 |
| 3 | `#fb253b` | `oklch(63.40% 0.2403 23.54)` | Strawberry | black, 5.4 to 1 |
| 4 | `#f72541` | `oklch(62.88% 0.2368 22.02)` | Strawberry | black, 5.3 to 1 |
| 5 | `#f32647` | `oklch(62.30% 0.2331 20.14)` | Charismatic Red | black, 5.1 to 1 |
| 6 | `#ef264e` | `oklch(61.67% 0.2293 17.81)` | Red Crayon | black, 5 to 1 |
| 7 | `#eb2656` | `oklch(61.01% 0.2256 14.89)` | Strawberry Pop | black, 4.9 to 1 |
| 8 | `#e6265f` | `oklch(60.34% 0.2224 11.28)` | Strawberry Mix | black, 4.7 to 1 |
| 9 | `#e12669` | `oklch(59.68% 0.2199 6.85)` | Razzmatazz Lips | black, 4.6 to 1 |
| 10 | `#db2675` | `oklch(58.98% 0.2176 1.22)` | Beetroot Purple | white, 4.6 to 1 |
| 11 | `#d32882` | `oklch(58.25% 0.2153 354.56)` | Highlighter Lilac | white, 4.7 to 1 |
| 12 | `#ca2b90` | `oklch(57.50% 0.2133 347.18)` | Royal Fuchsia | white, 4.9 to 1 |
| 13 | `#c02f9e` | `oklch(56.72% 0.2115 339.43)` | Byzantine | white, 5 to 1 |
| 14 | `#b532aa` | `oklch(55.93% 0.2102 331.63)` | San Francisco Pink | white, 5.2 to 1 |
| 15 | `#a935b5` | `oklch(55.13% 0.2094 324.13)` | Pink Spyro | white, 5.4 to 1 |
| 16 | `#9e38bd` | `oklch(54.33% 0.2092 317.26)` | Akebi Purple | white, 5.5 to 1 |
| 17 | `#9439c4` | `oklch(53.53% 0.2100 311.20)` | Purple Vanity | white, 5.7 to 1 |
| 18 | `#893aca` | `oklch(52.69% 0.2123 305.40)` | Dreamscape Purple | white, 5.9 to 1 |
| 19 | `#7e39cf` | `oklch(51.81% 0.2157 299.78)` | Hokkaido Lavender | white, 6.2 to 1 |
| 20 | `#7339d3` | `oklch(50.92% 0.2197 294.42)` | Hokkaido Lavender | white, 6.4 to 1 |
| 21 | `#6839d7` | `oklch(50.05% 0.2237 289.39)` | Burple | white, 6.6 to 1 |
| 22 | `#5d39d9` | `oklch(49.22% 0.2272 284.75)` | Blue Magenta | white, 6.9 to 1 |
| 23 | `#5239da` | `oklch(48.46% 0.2296 280.58)` | Blurple | white, 7.1 to 1 |
| 24 | `#473ada` | `oklch(47.79% 0.2303 276.93)` | Blurple | white, 7.2 to 1 |
| 25 | `#3e3cd8` | `oklch(47.22% 0.2288 273.90)` | Palatinate Blue | white, 7.4 to 1 |
| 26 | `#363dd5` | `oklch(46.72% 0.2254 271.47)` | Third Eye Chakra | white, 7.5 to 1 |
| 27 | `#2f3fd1` | `oklch(46.29% 0.2206 269.57)` | Third Eye Chakra | white, 7.6 to 1 |
| 28 | `#2941cd` | `oklch(45.91% 0.2149 268.08)` | Blue Blue | white, 7.6 to 1 |
| 29 | `#2443c9` | `oklch(45.59% 0.2090 266.93)` | Blue Blue | white, 7.7 to 1 |
| 30 | `#2144c5` | `oklch(45.31% 0.2035 266.01)` | Blue Blue | white, 7.7 to 1 |
| 31 | `#1e45c1` | `oklch(45.08% 0.1988 265.23)` | Blue Blue | white, 7.8 to 1 |
| 32 | `#1b46bf` | `oklch(44.88% 0.1957 264.49)` | Absolute Zero | white, 7.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ff2731 0.0%, #fd2536 3.2%, #fb253b 6.5%, #f72541 9.7%, #f32647 12.9%, #ef264e 16.1%, #eb2656 19.4%, #e6265f 22.6%, #e12669 25.8%, #db2675 29.0%, #d32882 32.3%, #ca2b90 35.5%, #c02f9e 38.7%, #b532aa 41.9%, #a935b5 45.2%, #9e38bd 48.4%, #9439c4 51.6%, #893aca 54.8%, #7e39cf 58.1%, #7339d3 61.3%, #6839d7 64.5%, #5d39d9 67.7%, #5239da 71.0%, #473ada 74.2%, #3e3cd8 77.4%, #363dd5 80.6%, #2f3fd1 83.9%, #2941cd 87.1%, #2443c9 90.3%, #2144c5 93.5%, #1e45c1 96.8%, #1b46bf 100.0%);
background: linear-gradient(90deg in oklch, oklch(64.17% 0.2438 26.02) 0.0%, oklch(63.84% 0.2432 24.84) 3.2%, oklch(63.40% 0.2403 23.54) 6.5%, oklch(62.88% 0.2368 22.02) 9.7%, oklch(62.30% 0.2331 20.14) 12.9%, oklch(61.67% 0.2293 17.81) 16.1%, oklch(61.01% 0.2256 14.89) 19.4%, oklch(60.34% 0.2224 11.28) 22.6%, oklch(59.68% 0.2199 6.85) 25.8%, oklch(58.98% 0.2176 1.22) 29.0%, oklch(58.25% 0.2153 354.56) 32.3%, oklch(57.50% 0.2133 347.18) 35.5%, oklch(56.72% 0.2115 339.43) 38.7%, oklch(55.93% 0.2102 331.63) 41.9%, oklch(55.13% 0.2094 324.13) 45.2%, oklch(54.33% 0.2092 317.26) 48.4%, oklch(53.53% 0.2100 311.20) 51.6%, oklch(52.69% 0.2123 305.40) 54.8%, oklch(51.81% 0.2157 299.78) 58.1%, oklch(50.92% 0.2197 294.42) 61.3%, oklch(50.05% 0.2237 289.39) 64.5%, oklch(49.22% 0.2272 284.75) 67.7%, oklch(48.46% 0.2296 280.58) 71.0%, oklch(47.79% 0.2303 276.93) 74.2%, oklch(47.22% 0.2288 273.90) 77.4%, oklch(46.72% 0.2254 271.47) 80.6%, oklch(46.29% 0.2206 269.57) 83.9%, oklch(45.91% 0.2149 268.08) 87.1%, oklch(45.59% 0.2090 266.93) 90.3%, oklch(45.31% 0.2035 266.01) 93.5%, oklch(45.08% 0.1988 265.23) 96.8%, oklch(44.88% 0.1957 264.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.245 | 26 |
| 2 | 0.598 | 0.22 | 8.1 |
| 3 | 0.539 | 0.209 | -45.8 |
| 4 | 0.476 | 0.23 | -83.9 |
| 5 | 0.449 | 0.196 | -95.5 |

## In these collections

- [Red and blue gradients](https://grabient.com/red-and-blue-gradients)

## Other forms

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