# Triadic blue, purple and orange linear gradient

Triadic blue, purple and orange linear gradient with 32 colors: #4d7f95, #4d7b94, #4d7692, #4d6f8f, #4f678c, #516087, #535982, #56537e, #5a4e7a, #5e4b77, #644773, #6a446f, #70426b, #764066, #7d4061, #833f5c, #894057, #904253, #974550, #9e494d, #a54e4a, #ac5348, #b25845, #b85e42, #bc643f, #c16a3c, #c5723a, #c87939, #cb8139, #ce873a, #cf8d3b, #d1913c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWkS6iOhnHrukx7KrUS2a3Do`
- Page: https://grabient.com/kWkS6iOhnHrukx7KrUS2a3Do?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#4d7f95` | `oklch(57.09% 0.0634 227.81)` | Coelin Blue | black, 4.8 to 1 |
| 2 | `#4d7b94` | `oklch(56.08% 0.0638 233.06)` | Mallorca Blue | black, 4.5 to 1 |
| 3 | `#4d7692` | `oklch(54.64% 0.0641 240.07)` | Sea Drifter | white, 4.8 to 1 |
| 4 | `#4d6f8f` | `oklch(52.92% 0.0645 248.41)` | Caspian Sea | white, 5.2 to 1 |
| 5 | `#4f678c` | `oklch(51.07% 0.0650 257.67)` | Snake River | white, 5.7 to 1 |
| 6 | `#516087` | `oklch(49.25% 0.0658 267.42)` | Karmic Grape | white, 6.2 to 1 |
| 7 | `#535982` | `oklch(47.62% 0.0670 277.24)` | Mauve Dusk | white, 6.7 to 1 |
| 8 | `#56537e` | `oklch(46.33% 0.0687 286.71)` | Aurora Splendour | white, 7.1 to 1 |
| 9 | `#5a4e7a` | `oklch(45.51% 0.0709 295.46)` | Saffron Crocus | white, 7.4 to 1 |
| 10 | `#5e4b77` | `oklch(45.03% 0.0739 304.18)` | Impulsive Purple | white, 7.6 to 1 |
| 11 | `#644773` | `oklch(44.77% 0.0776 313.11)` | Presley Purple | white, 7.7 to 1 |
| 12 | `#6a446f` | `oklch(44.73% 0.0817 322.10)` | Neon Violet | white, 7.8 to 1 |
| 13 | `#70426b` | `oklch(44.89% 0.0861 330.98)` | Burnt Orchid | white, 7.8 to 1 |
| 14 | `#764066` | `oklch(45.24% 0.0905 339.59)` | Burnt Orchid | white, 7.7 to 1 |
| 15 | `#7d4061` | `oklch(45.76% 0.0948 347.76)` | Magician’s Cloak | white, 7.5 to 1 |
| 16 | `#833f5c` | `oklch(46.45% 0.0988 355.34)` | Ancient Royal Banner | white, 7.3 to 1 |
| 17 | `#894057` | `oklch(47.31% 0.1023 2.17)` | Liaison | white, 7.1 to 1 |
| 18 | `#904253` | `oklch(48.47% 0.1059 8.35)` | Umemurasaki Purple | white, 6.7 to 1 |
| 19 | `#974550` | `oklch(49.87% 0.1094 13.98)` | Kirsch Red | white, 6.3 to 1 |
| 20 | `#9e494d` | `oklch(51.46% 0.1129 19.18)` | Regal Red | white, 5.9 to 1 |
| 21 | `#a54e4a` | `oklch(53.17% 0.1161 24.06)` | Persimmon Red | white, 5.5 to 1 |
| 22 | `#ac5348` | `oklch(54.91% 0.1190 28.72)` | Cherry Blink | white, 5.1 to 1 |
| 23 | `#b25845` | `oklch(56.64% 0.1216 33.29)` | Autumn Glaze | white, 4.7 to 1 |
| 24 | `#b85e42` | `oklch(58.28% 0.1236 37.85)` | Sun-Kissed Brick | black, 4.7 to 1 |
| 25 | `#bc643f` | `oklch(59.85% 0.1250 42.54)` | Dirt Track | black, 5 to 1 |
| 26 | `#c16a3c` | `oklch(61.56% 0.1258 47.36)` | Ripe Peach | black, 5.4 to 1 |
| 27 | `#c5723a` | `oklch(63.33% 0.1262 52.17)` | Zest | black, 5.8 to 1 |
| 28 | `#c87939` | `oklch(65.09% 0.1262 56.81)` | Summerset | black, 6.2 to 1 |
| 29 | `#cb8139` | `oklch(66.76% 0.1260 61.13)` | Golden Bell | black, 6.7 to 1 |
| 30 | `#ce873a` | `oklch(68.26% 0.1257 64.99)` | Peru | black, 7.1 to 1 |
| 31 | `#cf8d3b` | `oklch(69.53% 0.1254 68.23)` | Hey Honey! | black, 7.5 to 1 |
| 32 | `#d1913c` | `oklch(70.47% 0.1254 70.71)` | Fuel Yellow | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4d7f95 0.0%, #4d7b94 3.2%, #4d7692 6.5%, #4d6f8f 9.7%, #4f678c 12.9%, #516087 16.1%, #535982 19.4%, #56537e 22.6%, #5a4e7a 25.8%, #5e4b77 29.0%, #644773 32.3%, #6a446f 35.5%, #70426b 38.7%, #764066 41.9%, #7d4061 45.2%, #833f5c 48.4%, #894057 51.6%, #904253 54.8%, #974550 58.1%, #9e494d 61.3%, #a54e4a 64.5%, #ac5348 67.7%, #b25845 71.0%, #b85e42 74.2%, #bc643f 77.4%, #c16a3c 80.6%, #c5723a 83.9%, #c87939 87.1%, #cb8139 90.3%, #ce873a 93.5%, #cf8d3b 96.8%, #d1913c 100.0%);
background: linear-gradient(90deg in oklch, oklch(57.09% 0.0634 227.81) 0.0%, oklch(56.08% 0.0638 233.06) 3.2%, oklch(54.64% 0.0641 240.07) 6.5%, oklch(52.92% 0.0645 248.41) 9.7%, oklch(51.07% 0.0650 257.67) 12.9%, oklch(49.25% 0.0658 267.42) 16.1%, oklch(47.62% 0.0670 277.24) 19.4%, oklch(46.33% 0.0687 286.71) 22.6%, oklch(45.51% 0.0709 295.46) 25.8%, oklch(45.03% 0.0739 304.18) 29.0%, oklch(44.77% 0.0776 313.11) 32.3%, oklch(44.73% 0.0817 322.10) 35.5%, oklch(44.89% 0.0861 330.98) 38.7%, oklch(45.24% 0.0905 339.59) 41.9%, oklch(45.76% 0.0948 347.76) 45.2%, oklch(46.45% 0.0988 355.34) 48.4%, oklch(47.31% 0.1023 2.17) 51.6%, oklch(48.47% 0.1059 8.35) 54.8%, oklch(49.87% 0.1094 13.98) 58.1%, oklch(51.46% 0.1129 19.18) 61.3%, oklch(53.17% 0.1161 24.06) 64.5%, oklch(54.91% 0.1190 28.72) 67.7%, oklch(56.64% 0.1216 33.29) 71.0%, oklch(58.28% 0.1236 37.85) 74.2%, oklch(59.85% 0.1250 42.54) 77.4%, oklch(61.56% 0.1258 47.36) 80.6%, oklch(63.33% 0.1262 52.17) 83.9%, oklch(65.09% 0.1262 56.81) 87.1%, oklch(66.76% 0.1260 61.13) 90.3%, oklch(68.26% 0.1257 64.99) 93.5%, oklch(69.53% 0.1254 68.23) 96.8%, oklch(70.47% 0.1254 70.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.063 | 227.8 |
| 2 | 0.457 | 0.07 | 293.3 |
| 3 | 0.469 | 0.101 | 358.8 |
| 4 | 0.587 | 0.124 | 399 |
| 5 | 0.705 | 0.125 | 430.7 |

## In these collections

- [Late winter protea](https://grabient.com/late-winter-protea)

## Other forms

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