# Smoky blue coral gradient

The Smoky blue coral gradient brings together blue and red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is red.

- Also called: Muted tritone navy, purple and salmon linear gradient
- Seed: `kQVzC4V7DQI`
- Page: https://grabient.com/kQVzC4V7DQI?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.9 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 | `#23395b` | `oklch(34.25% 0.0661 258.75)` | Navy Peony | white, 11.6 to 1 |
| 2 | `#263a5d` | `oklch(34.86% 0.0673 261.18)` | Midnight Sleigh | white, 11.4 to 1 |
| 3 | `#293b60` | `oklch(35.58% 0.0687 264.00)` | Midnight Sleigh | white, 11.1 to 1 |
| 4 | `#2e3c63` | `oklch(36.38% 0.0703 267.20)` | Blue Depths | white, 10.7 to 1 |
| 5 | `#323e67` | `oklch(37.28% 0.0720 270.75)` | Bay of Many | white, 10.4 to 1 |
| 6 | `#373f6a` | `oklch(38.25% 0.0739 274.61)` | Raven Night | white, 10 to 1 |
| 7 | `#3d416e` | `oklch(39.30% 0.0760 278.77)` | Space Angel | white, 9.6 to 1 |
| 8 | `#434272` | `oklch(40.41% 0.0782 283.19)` | Deep Wisteria | white, 9.2 to 1 |
| 9 | `#4a4475` | `oklch(41.59% 0.0804 287.84)` | Dramatist | white, 8.8 to 1 |
| 10 | `#514679` | `oklch(42.81% 0.0828 292.70)` | Grand Purple | white, 8.4 to 1 |
| 11 | `#58487c` | `oklch(44.08% 0.0853 297.74)` | Gentian Violet | white, 7.9 to 1 |
| 12 | `#60497e` | `oklch(45.39% 0.0879 302.93)` | Royal Robe | white, 7.5 to 1 |
| 13 | `#684b81` | `oklch(46.74% 0.0905 308.25)` | Violet Majesty | white, 7.1 to 1 |
| 14 | `#714d83` | `oklch(48.10% 0.0931 313.66)` | Affair | white, 6.8 to 1 |
| 15 | `#794f84` | `oklch(49.48% 0.0958 319.15)` | Meadow Violet | white, 6.4 to 1 |
| 16 | `#825185` | `oklch(50.88% 0.0985 324.67)` | Thistle Mauve | white, 6 to 1 |
| 17 | `#8a5385` | `oklch(52.27% 0.1013 330.21)` | Dynamic Magenta | white, 5.7 to 1 |
| 18 | `#935585` | `oklch(53.67% 0.1040 335.73)` | Grape Candy | white, 5.4 to 1 |
| 19 | `#9b5784` | `oklch(55.05% 0.1067 341.22)` | Feminism | white, 5.1 to 1 |
| 20 | `#a35982` | `oklch(56.41% 0.1093 346.63)` | Feminism | white, 4.8 to 1 |
| 21 | `#ab5c81` | `oklch(57.76% 0.1119 351.95)` | Guppy Violet | white, 4.5 to 1 |
| 22 | `#b25e7e` | `oklch(59.06% 0.1145 357.14)` | Indian Pink | black, 4.8 to 1 |
| 23 | `#b9617b` | `oklch(60.34% 0.1170 2.18)` | Raspberry Parfait | black, 5 to 1 |
| 24 | `#c06478` | `oklch(61.56% 0.1194 7.04)` | Cherry Pink | black, 5.3 to 1 |
| 25 | `#c66775` | `oklch(62.74% 0.1217 11.69)` | Lovebirds | black, 5.5 to 1 |
| 26 | `#cb6a72` | `oklch(63.85% 0.1238 16.11)` | Strawberry Wine | black, 5.8 to 1 |
| 27 | `#d06d6e` | `oklch(64.90% 0.1259 20.26)` | Lippie | black, 6 to 1 |
| 28 | `#d5706b` | `oklch(65.87% 0.1278 24.13)` | Lantana | black, 6.3 to 1 |
| 29 | `#d87367` | `oklch(66.77% 0.1295 27.68)` | Mettwurst | black, 6.5 to 1 |
| 30 | `#dc7564` | `oklch(67.57% 0.1311 30.88)` | Mettwurst | black, 6.7 to 1 |
| 31 | `#de7861` | `oklch(68.29% 0.1325 33.70)` | Rich Georgia Clay | black, 6.9 to 1 |
| 32 | `#e17a5f` | `oklch(68.90% 0.1337 36.13)` | Flamenco Pink | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #23395b 0.0%, #263a5d 3.2%, #293b60 6.5%, #2e3c63 9.7%, #323e67 12.9%, #373f6a 16.1%, #3d416e 19.4%, #434272 22.6%, #4a4475 25.8%, #514679 29.0%, #58487c 32.3%, #60497e 35.5%, #684b81 38.7%, #714d83 41.9%, #794f84 45.2%, #825185 48.4%, #8a5385 51.6%, #935585 54.8%, #9b5784 58.1%, #a35982 61.3%, #ab5c81 64.5%, #b25e7e 67.7%, #b9617b 71.0%, #c06478 74.2%, #c66775 77.4%, #cb6a72 80.6%, #d06d6e 83.9%, #d5706b 87.1%, #d87367 90.3%, #dc7564 93.5%, #de7861 96.8%, #e17a5f 100.0%);
background: linear-gradient(135deg in oklch, oklch(34.25% 0.0661 258.75) 0.0%, oklch(34.86% 0.0673 261.18) 3.2%, oklch(35.58% 0.0687 264.00) 6.5%, oklch(36.38% 0.0703 267.20) 9.7%, oklch(37.28% 0.0720 270.75) 12.9%, oklch(38.25% 0.0739 274.61) 16.1%, oklch(39.30% 0.0760 278.77) 19.4%, oklch(40.41% 0.0782 283.19) 22.6%, oklch(41.59% 0.0804 287.84) 25.8%, oklch(42.81% 0.0828 292.70) 29.0%, oklch(44.08% 0.0853 297.74) 32.3%, oklch(45.39% 0.0879 302.93) 35.5%, oklch(46.74% 0.0905 308.25) 38.7%, oklch(48.10% 0.0931 313.66) 41.9%, oklch(49.48% 0.0958 319.15) 45.2%, oklch(50.88% 0.0985 324.67) 48.4%, oklch(52.27% 0.1013 330.21) 51.6%, oklch(53.67% 0.1040 335.73) 54.8%, oklch(55.05% 0.1067 341.22) 58.1%, oklch(56.41% 0.1093 346.63) 61.3%, oklch(57.76% 0.1119 351.95) 64.5%, oklch(59.06% 0.1145 357.14) 67.7%, oklch(60.34% 0.1170 2.18) 71.0%, oklch(61.56% 0.1194 7.04) 74.2%, oklch(62.74% 0.1217 11.69) 77.4%, oklch(63.85% 0.1238 16.11) 80.6%, oklch(64.90% 0.1259 20.26) 83.9%, oklch(65.87% 0.1278 24.13) 87.1%, oklch(66.77% 0.1295 27.68) 90.3%, oklch(67.57% 0.1311 30.88) 93.5%, oklch(68.29% 0.1325 33.70) 96.8%, oklch(68.90% 0.1337 36.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.066 | 258.8 |
| 2 | 0.689 | 0.134 | 396.1 |

## In these collections

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

## Other forms

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