# Vintage blue coral haze

Orange, blue, purple and peach linear gradient with 64 colors: #f0a438, #f0a13c, #f19c40, #f09846, #ef934c, #ee8e53, #ec885a, #e88361, #e47e69, #df7970, #d97577, #d2717e, #ca6e84, #c26b8a, #b9688f, #af6692, #a66495, #9c6397, #926198, #886099, #7f5f98, #765e97, #6e5c95, #665c93, #5f5b90, #595a8d, #54598b, #4f5888, #4c5886, #495785, #485784, #475783, #485883, #4a5884, #4c5986, #505a88, #555b8a, #5a5c8d, #615e90, #685f93, #706196, #796398, #82659a, #8c679b, #97699b, #a16b9b, #ab6e99, #b67197, #c07494, #c97890, #d27c8b, #da8185, #e28680, #e88c79, #ed9273, #f1996d, #f4a068, #f6a763, #f6ad60, #f7b45d, #f6ba5b, #f5bf5a, #f4c45b, #f3c85b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, blue, purple and peach linear gradient
- Seed: `kSxWsyuxssuwxVS`
- Page: https://grabient.com/kSxWsyuxssuwxVS?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, muted, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#f0a438` | `oklch(77.56% 0.1474 71.02)` | Acorn Squash | black, 10 to 1 |
| 2 | `#f0a13c` | `oklch(77.00% 0.1461 68.10)` | Yáng Chéng Orange | black, 9.8 to 1 |
| 3 | `#f19c40` | `oklch(76.32% 0.1446 64.57)` | Amber Glow | black, 9.5 to 1 |
| 4 | `#f09846` | `oklch(75.52% 0.1428 60.46)` | Question Mark Block | black, 9.2 to 1 |
| 5 | `#ef934c` | `oklch(74.62% 0.1408 55.82)` | Caramelised Orange | black, 8.9 to 1 |
| 6 | `#ee8e53` | `oklch(73.63% 0.1385 50.70)` | Chinese Lantern | black, 8.6 to 1 |
| 7 | `#ec885a` | `oklch(72.55% 0.1361 45.15)` | Half-Smoke | black, 8.2 to 1 |
| 8 | `#e88361` | `oklch(71.40% 0.1336 39.21)` | Brewed Mustard | black, 7.8 to 1 |
| 9 | `#e47e69` | `oklch(70.18% 0.1308 32.95)` | Sari | black, 7.5 to 1 |
| 10 | `#df7970` | `oklch(68.91% 0.1280 26.40)` | Ardent Coral | black, 7.1 to 1 |
| 11 | `#d97577` | `oklch(67.59% 0.1251 19.61)` | Red Cedar | black, 6.7 to 1 |
| 12 | `#d2717e` | `oklch(66.23% 0.1220 12.63)` | Lotus Red | black, 6.4 to 1 |
| 13 | `#ca6e84` | `oklch(64.85% 0.1189 5.52)` | Artful Pink | black, 6 to 1 |
| 14 | `#c26b8a` | `oklch(63.45% 0.1158 358.31)` | Old Geranium | black, 5.7 to 1 |
| 15 | `#b9688f` | `oklch(62.05% 0.1127 351.06)` | Malevolent Mauve | black, 5.4 to 1 |
| 16 | `#af6692` | `oklch(60.64% 0.1095 343.82)` | Exotic Bloom | black, 5.1 to 1 |
| 17 | `#a66495` | `oklch(59.25% 0.1064 336.63)` | Exotic Bloom | black, 4.8 to 1 |
| 18 | `#9c6397` | `oklch(57.88% 0.1032 329.54)` | Royal Pretender | black, 4.6 to 1 |
| 19 | `#926198` | `oklch(56.54% 0.1002 322.60)` | Aster Violetta | white, 4.7 to 1 |
| 20 | `#886099` | `oklch(55.25% 0.0972 315.87)` | Wisteria Purple | white, 5 to 1 |
| 21 | `#7f5f98` | `oklch(54.00% 0.0943 309.38)` | Jubilee | white, 5.2 to 1 |
| 22 | `#765e97` | `oklch(52.81% 0.0916 303.19)` | Ghostly Purple | white, 5.5 to 1 |
| 23 | `#6e5c95` | `oklch(51.70% 0.0889 297.34)` | Just a Fairytale | white, 5.7 to 1 |
| 24 | `#665c93` | `oklch(50.66% 0.0864 291.89)` | Colossus | white, 6 to 1 |
| 25 | `#5f5b90` | `oklch(49.72% 0.0841 286.88)` | Colossus | white, 6.2 to 1 |
| 26 | `#595a8d` | `oklch(48.87% 0.0820 282.36)` | Midnight Sea | white, 6.4 to 1 |
| 27 | `#54598b` | `oklch(48.13% 0.0801 278.37)` | Wild Elderberry | white, 6.6 to 1 |
| 28 | `#4f5888` | `oklch(47.51% 0.0785 274.98)` | Rich Violet | white, 6.7 to 1 |
| 29 | `#4c5886` | `oklch(47.02% 0.0771 272.22)` | Yacht Club Blue | white, 6.9 to 1 |
| 30 | `#495785` | `oklch(46.67% 0.0759 270.15)` | Yacht Club Blue | white, 7 to 1 |
| 31 | `#485784` | `oklch(46.47% 0.0751 268.81)` | Yacht Club Blue | white, 7 to 1 |
| 32 | `#475783` | `oklch(46.42% 0.0746 268.25)` | Yacht Club Blue | white, 7 to 1 |
| 33 | `#485883` | `oklch(46.54% 0.0744 268.52)` | Yacht Club Blue | white, 7 to 1 |
| 34 | `#4a5884` | `oklch(46.83% 0.0745 269.63)` | Yacht Club Blue | white, 6.9 to 1 |
| 35 | `#4c5986` | `oklch(47.29% 0.0749 271.54)` | Wizard | white, 6.8 to 1 |
| 36 | `#505a88` | `oklch(47.90% 0.0756 274.19)` | Marlin | white, 6.6 to 1 |
| 37 | `#555b8a` | `oklch(48.65% 0.0766 277.54)` | Midnight Sea | white, 6.4 to 1 |
| 38 | `#5a5c8d` | `oklch(49.53% 0.0778 281.54)` | Midnight Sea | white, 6.2 to 1 |
| 39 | `#615e90` | `oklch(50.54% 0.0793 286.13)` | Colossus | white, 5.9 to 1 |
| 40 | `#685f93` | `oklch(51.66% 0.0809 291.27)` | Corsican Blue | white, 5.7 to 1 |
| 41 | `#706196` | `oklch(52.88% 0.0828 296.90)` | Just a Fairytale | white, 5.4 to 1 |
| 42 | `#796398` | `oklch(54.19% 0.0848 302.98)` | Purple Paradise | white, 5.1 to 1 |
| 43 | `#82659a` | `oklch(55.58% 0.0870 309.45)` | Dark Lavender | white, 4.9 to 1 |
| 44 | `#8c679b` | `oklch(57.05% 0.0893 316.27)` | Viola Grey | white, 4.6 to 1 |
| 45 | `#97699b` | `oklch(58.57% 0.0917 323.38)` | Lavender Crystal | black, 4.8 to 1 |
| 46 | `#a16b9b` | `oklch(60.14% 0.0942 330.74)` | Mauve Memento | black, 5.1 to 1 |
| 47 | `#ab6e99` | `oklch(61.75% 0.0968 338.29)` | Violetta | black, 5.4 to 1 |
| 48 | `#b67197` | `oklch(63.39% 0.0995 345.99)` | Fuscia Fizz | black, 5.7 to 1 |
| 49 | `#c07494` | `oklch(65.05% 0.1022 353.78)` | Benifuji | black, 6.1 to 1 |
| 50 | `#c97890` | `oklch(66.71% 0.1049 1.62)` | Watermelon Pink | black, 6.5 to 1 |
| 51 | `#d27c8b` | `oklch(68.38% 0.1076 9.45)` | I Pink I Can | black, 7 to 1 |
| 52 | `#da8185` | `oklch(70.03% 0.1104 17.22)` | Rhubarb Pie | black, 7.4 to 1 |
| 53 | `#e28680` | `oklch(71.65% 0.1130 24.89)` | Watermelon Punch | black, 7.9 to 1 |
| 54 | `#e88c79` | `oklch(73.25% 0.1157 32.40)` | Thundelarra | black, 8.4 to 1 |
| 55 | `#ed9273` | `oklch(74.80% 0.1182 39.71)` | Moegi Green | black, 8.9 to 1 |
| 56 | `#f1996d` | `oklch(76.29% 0.1207 46.76)` | Orange Pecan | black, 9.5 to 1 |
| 57 | `#f4a068` | `oklch(77.72% 0.1231 53.50)` | Monarch Orange | black, 10 to 1 |
| 58 | `#f6a763` | `oklch(79.07% 0.1253 59.89)` | Candied Yams | black, 10.5 to 1 |
| 59 | `#f6ad60` | `oklch(80.34% 0.1274 65.87)` | Blazing Autumn | black, 11.1 to 1 |
| 60 | `#f7b45d` | `oklch(81.52% 0.1293 71.39)` | Peanut Butter Biscuit | black, 11.6 to 1 |
| 61 | `#f6ba5b` | `oklch(82.58% 0.1311 76.41)` | Fizzy Peach | black, 12 to 1 |
| 62 | `#f5bf5a` | `oklch(83.53% 0.1326 80.87)` | Butterfield | black, 12.5 to 1 |
| 63 | `#f4c45b` | `oklch(84.35% 0.1340 84.73)` | Rayo de Sol | black, 12.9 to 1 |
| 64 | `#f3c85b` | `oklch(85.04% 0.1350 87.92)` | Deep Fried Sunrays | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f0a438 0.0%, #f0a13c 1.6%, #f19c40 3.2%, #f09846 4.8%, #ef934c 6.3%, #ee8e53 7.9%, #ec885a 9.5%, #e88361 11.1%, #e47e69 12.7%, #df7970 14.3%, #d97577 15.9%, #d2717e 17.5%, #ca6e84 19.0%, #c26b8a 20.6%, #b9688f 22.2%, #af6692 23.8%, #a66495 25.4%, #9c6397 27.0%, #926198 28.6%, #886099 30.2%, #7f5f98 31.7%, #765e97 33.3%, #6e5c95 34.9%, #665c93 36.5%, #5f5b90 38.1%, #595a8d 39.7%, #54598b 41.3%, #4f5888 42.9%, #4c5886 44.4%, #495785 46.0%, #485784 47.6%, #475783 49.2%, #485883 50.8%, #4a5884 52.4%, #4c5986 54.0%, #505a88 55.6%, #555b8a 57.1%, #5a5c8d 58.7%, #615e90 60.3%, #685f93 61.9%, #706196 63.5%, #796398 65.1%, #82659a 66.7%, #8c679b 68.3%, #97699b 69.8%, #a16b9b 71.4%, #ab6e99 73.0%, #b67197 74.6%, #c07494 76.2%, #c97890 77.8%, #d27c8b 79.4%, #da8185 81.0%, #e28680 82.5%, #e88c79 84.1%, #ed9273 85.7%, #f1996d 87.3%, #f4a068 88.9%, #f6a763 90.5%, #f6ad60 92.1%, #f7b45d 93.7%, #f6ba5b 95.2%, #f5bf5a 96.8%, #f4c45b 98.4%, #f3c85b 100.0%);
background: linear-gradient(225deg in oklch, oklch(77.56% 0.1474 71.02) 0.0%, oklch(77.00% 0.1461 68.10) 1.6%, oklch(76.32% 0.1446 64.57) 3.2%, oklch(75.52% 0.1428 60.46) 4.8%, oklch(74.62% 0.1408 55.82) 6.3%, oklch(73.63% 0.1385 50.70) 7.9%, oklch(72.55% 0.1361 45.15) 9.5%, oklch(71.40% 0.1336 39.21) 11.1%, oklch(70.18% 0.1308 32.95) 12.7%, oklch(68.91% 0.1280 26.40) 14.3%, oklch(67.59% 0.1251 19.61) 15.9%, oklch(66.23% 0.1220 12.63) 17.5%, oklch(64.85% 0.1189 5.52) 19.0%, oklch(63.45% 0.1158 358.31) 20.6%, oklch(62.05% 0.1127 351.06) 22.2%, oklch(60.64% 0.1095 343.82) 23.8%, oklch(59.25% 0.1064 336.63) 25.4%, oklch(57.88% 0.1032 329.54) 27.0%, oklch(56.54% 0.1002 322.60) 28.6%, oklch(55.25% 0.0972 315.87) 30.2%, oklch(54.00% 0.0943 309.38) 31.7%, oklch(52.81% 0.0916 303.19) 33.3%, oklch(51.70% 0.0889 297.34) 34.9%, oklch(50.66% 0.0864 291.89) 36.5%, oklch(49.72% 0.0841 286.88) 38.1%, oklch(48.87% 0.0820 282.36) 39.7%, oklch(48.13% 0.0801 278.37) 41.3%, oklch(47.51% 0.0785 274.98) 42.9%, oklch(47.02% 0.0771 272.22) 44.4%, oklch(46.67% 0.0759 270.15) 46.0%, oklch(46.47% 0.0751 268.81) 47.6%, oklch(46.42% 0.0746 268.25) 49.2%, oklch(46.54% 0.0744 268.52) 50.8%, oklch(46.83% 0.0745 269.63) 52.4%, oklch(47.29% 0.0749 271.54) 54.0%, oklch(47.90% 0.0756 274.19) 55.6%, oklch(48.65% 0.0766 277.54) 57.1%, oklch(49.53% 0.0778 281.54) 58.7%, oklch(50.54% 0.0793 286.13) 60.3%, oklch(51.66% 0.0809 291.27) 61.9%, oklch(52.88% 0.0828 296.90) 63.5%, oklch(54.19% 0.0848 302.98) 65.1%, oklch(55.58% 0.0870 309.45) 66.7%, oklch(57.05% 0.0893 316.27) 68.3%, oklch(58.57% 0.0917 323.38) 69.8%, oklch(60.14% 0.0942 330.74) 71.4%, oklch(61.75% 0.0968 338.29) 73.0%, oklch(63.39% 0.0995 345.99) 74.6%, oklch(65.05% 0.1022 353.78) 76.2%, oklch(66.71% 0.1049 1.62) 77.8%, oklch(68.38% 0.1076 9.45) 79.4%, oklch(70.03% 0.1104 17.22) 81.0%, oklch(71.65% 0.1130 24.89) 82.5%, oklch(73.25% 0.1157 32.40) 84.1%, oklch(74.80% 0.1182 39.71) 85.7%, oklch(76.29% 0.1207 46.76) 87.3%, oklch(77.72% 0.1231 53.50) 88.9%, oklch(79.07% 0.1253 59.89) 90.5%, oklch(80.34% 0.1274 65.87) 92.1%, oklch(81.52% 0.1293 71.39) 93.7%, oklch(82.58% 0.1311 76.41) 95.2%, oklch(83.53% 0.1326 80.87) 96.8%, oklch(84.35% 0.1340 84.73) 98.4%, oklch(85.04% 0.1350 87.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.147 | 71 |
| 2 | 0.465 | 0.074 | -91.7 |
| 3 | 0.85 | 0.135 | 87.9 |

## In these collections

- [Throwback kid](https://grabient.com/throwback-kid)

## Other forms

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