# Soft soft soft orange blue gradient

Tritone orange, purple and blue linear gradient with 48 colors: #c97c03, #cb7914, #cd7622, #ce722e, #cf6d3a, #cf6946, #ce6652, #cc625e, #c8606a, #c35e76, #be5d81, #b65d8b, #ae5d95, #a55e9e, #9c60a5, #9261ab, #8863af, #7d65b2, #7368b4, #696ab4, #606cb4, #586eb3, #5070b2, #4a72b1, #4573b0, #4175b0, #3e77af, #3c79b0, #3c7bb0, #3c7db1, #3e7fb3, #4081b5, #4283b7, #4585b9, #4987bc, #4c8abe, #508cc1, #558ec4, #5990c7, #5d92ca, #6194cd, #6596cf, #6897d2, #6b99d4, #6e9ad6, #719cd8, #739dd9, #749eda. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone orange, purple and blue linear gradient
- Seed: `kSpmgwRier1gkv-`
- Page: https://grabient.com/kSpmgwRier1gkv-?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.7 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 | `#c97c03` | `oklch(65.35% 0.1433 67.50)` | Seabuckthorn Yellow Brown | black, 6.3 to 1 |
| 2 | `#cb7914` | `oklch(65.10% 0.1425 63.43)` | Tree Sap | black, 6.2 to 1 |
| 3 | `#cd7622` | `oklch(64.77% 0.1415 58.52)` | Ochre | black, 6.1 to 1 |
| 4 | `#ce722e` | `oklch(64.37% 0.1404 52.84)` | Mann Orange | black, 6 to 1 |
| 5 | `#cf6d3a` | `oklch(63.92% 0.1391 46.47)` | Hot Caramel | black, 5.9 to 1 |
| 6 | `#cf6946` | `oklch(63.42% 0.1378 39.49)` | Citrus Notes | black, 5.7 to 1 |
| 7 | `#ce6652` | `oklch(62.87% 0.1363 31.98)` | Southwestern Clay | black, 5.6 to 1 |
| 8 | `#cc625e` | `oklch(62.30% 0.1348 24.01)` | Japanese Kimono | black, 5.4 to 1 |
| 9 | `#c8606a` | `oklch(61.69% 0.1331 15.68)` | Desert Rose | black, 5.3 to 1 |
| 10 | `#c35e76` | `oklch(61.08% 0.1314 7.05)` | Mon Cher Ami | black, 5.1 to 1 |
| 11 | `#be5d81` | `oklch(60.45% 0.1297 358.20)` | Beauty Queen | black, 5 to 1 |
| 12 | `#b65d8b` | `oklch(59.82% 0.1279 349.21)` | Dahlia Mauve | black, 4.9 to 1 |
| 13 | `#ae5d95` | `oklch(59.20% 0.1262 340.17)` | Radiant Orchid | black, 4.8 to 1 |
| 14 | `#a55e9e` | `oklch(58.59% 0.1244 331.14)` | Heath Spotted Orchid | black, 4.7 to 1 |
| 15 | `#9c60a5` | `oklch(58.00% 0.1226 322.22)` | Heath Spotted Orchid | black, 4.6 to 1 |
| 16 | `#9261ab` | `oklch(57.45% 0.1208 313.47)` | Empire Violet | white, 4.6 to 1 |
| 17 | `#8863af` | `oklch(56.93% 0.1191 304.98)` | Lusty Lavender | white, 4.7 to 1 |
| 18 | `#7d65b2` | `oklch(56.47% 0.1174 296.82)` | Genestealer Purple | white, 4.7 to 1 |
| 19 | `#7368b4` | `oklch(56.05% 0.1158 289.07)` | Clear Mauve | white, 4.8 to 1 |
| 20 | `#696ab4` | `oklch(55.70% 0.1143 281.82)` | Mediaeval | white, 4.8 to 1 |
| 21 | `#606cb4` | `oklch(55.42% 0.1129 275.13)` | Loch Ness | white, 4.8 to 1 |
| 22 | `#586eb3` | `oklch(55.22% 0.1116 269.10)` | Amparo Blue | white, 4.8 to 1 |
| 23 | `#5070b2` | `oklch(55.11% 0.1104 263.79)` | Ramjet | white, 4.8 to 1 |
| 24 | `#4a72b1` | `oklch(55.09% 0.1093 259.29)` | Ramjet | white, 4.8 to 1 |
| 25 | `#4573b0` | `oklch(55.17% 0.1084 255.63)` | Athens | white, 4.8 to 1 |
| 26 | `#4175b0` | `oklch(55.37% 0.1076 252.60)` | Athens | white, 4.7 to 1 |
| 27 | `#3e77af` | `oklch(55.66% 0.1068 250.14)` | Viennese Blue | white, 4.7 to 1 |
| 28 | `#3c79b0` | `oklch(56.05% 0.1061 248.19)` | Viennese Blue | white, 4.6 to 1 |
| 29 | `#3c7bb0` | `oklch(56.51% 0.1055 246.71)` | Viennese Blue | black, 4.6 to 1 |
| 30 | `#3c7db1` | `oklch(57.06% 0.1050 245.68)` | Beijing Blue | black, 4.7 to 1 |
| 31 | `#3e7fb3` | `oklch(57.66% 0.1044 245.05)` | Steel Blue | black, 4.8 to 1 |
| 32 | `#4081b5` | `oklch(58.33% 0.1040 244.78)` | Steel Blue | black, 5 to 1 |
| 33 | `#4283b7` | `oklch(59.04% 0.1036 244.83)` | Steel Blue | black, 5.1 to 1 |
| 34 | `#4585b9` | `oklch(59.79% 0.1032 245.16)` | Cool Blue | black, 5.3 to 1 |
| 35 | `#4987bc` | `oklch(60.56% 0.1029 245.73)` | Sea Salt Rivers | black, 5.4 to 1 |
| 36 | `#4c8abe` | `oklch(61.36% 0.1026 246.51)` | Sea Salt Rivers | black, 5.6 to 1 |
| 37 | `#508cc1` | `oklch(62.17% 0.1024 247.45)` | Blueberry Popover | black, 5.8 to 1 |
| 38 | `#558ec4` | `oklch(62.99% 0.1022 248.51)` | Azure Blue | black, 6 to 1 |
| 39 | `#5990c7` | `oklch(63.79% 0.1020 249.66)` | Come Sail Away | black, 6.2 to 1 |
| 40 | `#5d92ca` | `oklch(64.58% 0.1018 250.86)` | Come Sail Away | black, 6.4 to 1 |
| 41 | `#6194cd` | `oklch(65.35% 0.1016 252.06)` | Winter Lake | black, 6.6 to 1 |
| 42 | `#6596cf` | `oklch(66.08% 0.1015 253.23)` | Quiet Bay | black, 6.7 to 1 |
| 43 | `#6897d2` | `oklch(66.78% 0.1013 254.33)` | Bashful Blue | black, 6.9 to 1 |
| 44 | `#6b99d4` | `oklch(67.42% 0.1012 255.32)` | Sea Loch | black, 7.1 to 1 |
| 45 | `#6e9ad6` | `oklch(68.00% 0.1011 256.15)` | Sea Loch | black, 7.2 to 1 |
| 46 | `#719cd8` | `oklch(68.51% 0.1009 256.80)` | Ice Blue | black, 7.4 to 1 |
| 47 | `#739dd9` | `oklch(68.94% 0.1008 257.22)` | Ice Blue | black, 7.5 to 1 |
| 48 | `#749eda` | `oklch(69.29% 0.1006 257.36)` | Ice Blue | black, 7.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c97c03 0.0%, #cb7914 2.1%, #cd7622 4.3%, #ce722e 6.4%, #cf6d3a 8.5%, #cf6946 10.6%, #ce6652 12.8%, #cc625e 14.9%, #c8606a 17.0%, #c35e76 19.1%, #be5d81 21.3%, #b65d8b 23.4%, #ae5d95 25.5%, #a55e9e 27.7%, #9c60a5 29.8%, #9261ab 31.9%, #8863af 34.0%, #7d65b2 36.2%, #7368b4 38.3%, #696ab4 40.4%, #606cb4 42.6%, #586eb3 44.7%, #5070b2 46.8%, #4a72b1 48.9%, #4573b0 51.1%, #4175b0 53.2%, #3e77af 55.3%, #3c79b0 57.4%, #3c7bb0 59.6%, #3c7db1 61.7%, #3e7fb3 63.8%, #4081b5 66.0%, #4283b7 68.1%, #4585b9 70.2%, #4987bc 72.3%, #4c8abe 74.5%, #508cc1 76.6%, #558ec4 78.7%, #5990c7 80.9%, #5d92ca 83.0%, #6194cd 85.1%, #6596cf 87.2%, #6897d2 89.4%, #6b99d4 91.5%, #6e9ad6 93.6%, #719cd8 95.7%, #739dd9 97.9%, #749eda 100.0%);
background: linear-gradient(45deg in oklch, oklch(65.35% 0.1433 67.50) 0.0%, oklch(65.10% 0.1425 63.43) 2.1%, oklch(64.77% 0.1415 58.52) 4.3%, oklch(64.37% 0.1404 52.84) 6.4%, oklch(63.92% 0.1391 46.47) 8.5%, oklch(63.42% 0.1378 39.49) 10.6%, oklch(62.87% 0.1363 31.98) 12.8%, oklch(62.30% 0.1348 24.01) 14.9%, oklch(61.69% 0.1331 15.68) 17.0%, oklch(61.08% 0.1314 7.05) 19.1%, oklch(60.45% 0.1297 358.20) 21.3%, oklch(59.82% 0.1279 349.21) 23.4%, oklch(59.20% 0.1262 340.17) 25.5%, oklch(58.59% 0.1244 331.14) 27.7%, oklch(58.00% 0.1226 322.22) 29.8%, oklch(57.45% 0.1208 313.47) 31.9%, oklch(56.93% 0.1191 304.98) 34.0%, oklch(56.47% 0.1174 296.82) 36.2%, oklch(56.05% 0.1158 289.07) 38.3%, oklch(55.70% 0.1143 281.82) 40.4%, oklch(55.42% 0.1129 275.13) 42.6%, oklch(55.22% 0.1116 269.10) 44.7%, oklch(55.11% 0.1104 263.79) 46.8%, oklch(55.09% 0.1093 259.29) 48.9%, oklch(55.17% 0.1084 255.63) 51.1%, oklch(55.37% 0.1076 252.60) 53.2%, oklch(55.66% 0.1068 250.14) 55.3%, oklch(56.05% 0.1061 248.19) 57.4%, oklch(56.51% 0.1055 246.71) 59.6%, oklch(57.06% 0.1050 245.68) 61.7%, oklch(57.66% 0.1044 245.05) 63.8%, oklch(58.33% 0.1040 244.78) 66.0%, oklch(59.04% 0.1036 244.83) 68.1%, oklch(59.79% 0.1032 245.16) 70.2%, oklch(60.56% 0.1029 245.73) 72.3%, oklch(61.36% 0.1026 246.51) 74.5%, oklch(62.17% 0.1024 247.45) 76.6%, oklch(62.99% 0.1022 248.51) 78.7%, oklch(63.79% 0.1020 249.66) 80.9%, oklch(64.58% 0.1018 250.86) 83.0%, oklch(65.35% 0.1016 252.06) 85.1%, oklch(66.08% 0.1015 253.23) 87.2%, oklch(66.78% 0.1013 254.33) 89.4%, oklch(67.42% 0.1012 255.32) 91.5%, oklch(68.00% 0.1011 256.15) 93.6%, oklch(68.51% 0.1009 256.80) 95.7%, oklch(68.94% 0.1008 257.22) 97.9%, oklch(69.29% 0.1006 257.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.143 | 67.5 |
| 2 | 0.551 | 0.109 | -102.6 |
| 3 | 0.693 | 0.101 | -102.6 |

## In these collections

- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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