# Indigo salmon corner glow

Tritone navy, purple and salmon angular gradient with 21 colors: #191c31, #1e2138, #252841, #2d304d, #373859, #434065, #51476f, #614e77, #73557e, #855c83, #976387, #a96a8c, #bd7091, #d07794, #e17d95, #ef8393, #f8898f, #fd8f8b, #ff9687, #ff9c85, #ffa084. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone navy, purple and salmon angular gradient
- Seed: `kWPB3EsZbBMgexhdMEPZS5C4`
- Page: https://grabient.com/kWPB3EsZbBMgexhdMEPZS5C4?style=angularGradient&steps=21&angle=180
- Drawn as: angular gradient, 21 steps, 180 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#191c31` | `oklch(23.62% 0.0400 276.33)` | Sombre Night | white, 16.7 to 1 |
| 2 | `#1e2138` | `oklch(25.67% 0.0430 277.11)` | Eclipse Elixir | white, 15.7 to 1 |
| 3 | `#252841` | `oklch(28.54% 0.0472 277.82)` | Valhalla | white, 14.4 to 1 |
| 4 | `#2d304d` | `oklch(31.93% 0.0521 279.19)` | Wild Iris | white, 12.8 to 1 |
| 5 | `#373859` | `oklch(35.51% 0.0572 281.98)` | Very Blue | white, 11.2 to 1 |
| 6 | `#434065` | `oklch(38.98% 0.0620 286.90)` | Evening Mauve | white, 9.7 to 1 |
| 7 | `#51476f` | `oklch(42.39% 0.0660 294.92)` | Evening Fizz | white, 8.5 to 1 |
| 8 | `#614e77` | `oklch(45.95% 0.0696 305.55)` | Imperial Palace | white, 7.3 to 1 |
| 9 | `#73557e` | `oklch(49.58% 0.0734 317.36)` | Patrician Purple | white, 6.3 to 1 |
| 10 | `#855c83` | `oklch(53.19% 0.0780 328.88)` | Concord Grape | white, 5.4 to 1 |
| 11 | `#976387` | `oklch(56.69% 0.0841 338.68)` | Raspberry Jelly Red | white, 4.7 to 1 |
| 12 | `#a96a8c` | `oklch(60.24% 0.0929 346.56)` | Cure All | black, 5.1 to 1 |
| 13 | `#bd7091` | `oklch(63.88% 0.1040 353.50)` | Pinky Pickle | black, 5.8 to 1 |
| 14 | `#d07794` | `oklch(67.41% 0.1156 359.78)` | Devilish Diva | black, 6.7 to 1 |
| 15 | `#e17d95` | `oklch(70.60% 0.1257 5.66)` | Frosty Berry | black, 7.5 to 1 |
| 16 | `#ef8393` | `oklch(73.23% 0.1323 11.44)` | Xoxo | black, 8.3 to 1 |
| 17 | `#f8898f` | `oklch(75.24% 0.1345 17.39)` | Vinaceous Cinnamon | black, 8.9 to 1 |
| 18 | `#fd8f8b` | `oklch(76.79% 0.1337 23.33)` | Prime Pink | black, 9.5 to 1 |
| 19 | `#ff9687` | `oklch(77.95% 0.1291 28.83)` | Mona Lisa | black, 9.9 to 1 |
| 20 | `#ff9c85` | `oklch(78.83% 0.1240 33.47)` | Candy | black, 10.3 to 1 |
| 21 | `#ffa084` | `oklch(79.53% 0.1205 36.80)` | Orchid Orange | black, 10.6 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #191c31 0.0%, #1e2138 5.0%, #252841 10.0%, #2d304d 15.0%, #373859 20.0%, #434065 25.0%, #51476f 30.0%, #614e77 35.0%, #73557e 40.0%, #855c83 45.0%, #976387 50.0%, #a96a8c 55.0%, #bd7091 60.0%, #d07794 65.0%, #e17d95 70.0%, #ef8393 75.0%, #f8898f 80.0%, #fd8f8b 85.0%, #ff9687 90.0%, #ff9c85 95.0%, #ffa084 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(23.62% 0.0400 276.33) 0.0%, oklch(25.67% 0.0430 277.11) 5.0%, oklch(28.54% 0.0472 277.82) 10.0%, oklch(31.93% 0.0521 279.19) 15.0%, oklch(35.51% 0.0572 281.98) 20.0%, oklch(38.98% 0.0620 286.90) 25.0%, oklch(42.39% 0.0660 294.92) 30.0%, oklch(45.95% 0.0696 305.55) 35.0%, oklch(49.58% 0.0734 317.36) 40.0%, oklch(53.19% 0.0780 328.88) 45.0%, oklch(56.69% 0.0841 338.68) 50.0%, oklch(60.24% 0.0929 346.56) 55.0%, oklch(63.88% 0.1040 353.50) 60.0%, oklch(67.41% 0.1156 359.78) 65.0%, oklch(70.60% 0.1257 5.66) 70.0%, oklch(73.23% 0.1323 11.44) 75.0%, oklch(75.24% 0.1345 17.39) 80.0%, oklch(76.79% 0.1337 23.33) 85.0%, oklch(77.95% 0.1291 28.83) 90.0%, oklch(78.83% 0.1240 33.47) 95.0%, oklch(79.53% 0.1205 36.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.04 | 276.3 |
| 2 | 0.39 | 0.062 | 286.9 |
| 3 | 0.567 | 0.084 | 338.7 |
| 4 | 0.732 | 0.132 | 371.4 |
| 5 | 0.795 | 0.127 | 396.8 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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