# Coral indigo horizon halo

Navy, pink, blue and purple linear gradient with 64 colors: #17152b, #1a172f, #1f1935, #261c3c, #2e1f44, #38224c, #432553, #4f275b, #5d2a61, #6b2d66, #7b2f6a, #8a316c, #9a346d, #aa366c, #b8386a, #c63b67, #d33d63, #de405e, #e8435a, #f04557, #f64755, #fa4956, #fb4959, #fb495f, #f94866, #f5486f, #f04779, #e84682, #df468c, #d44795, #c8489d, #bb48a3, #ad49a8, #9f4aab, #924bac, #844bab, #774caa, #6c4ca7, #614ca3, #584c9f, #514c9c, #4b4c99, #484d96, #464d95, #454d94, #464e93, #474f93, #494f93, #4c5094, #505195, #545296, #585397, #5d5498, #625699, #67579b, #6b589c, #70599d, #755a9d, #795b9e, #7d5c9f, #815d9f, #845e9f, #875f9f, #88609f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, pink, blue and purple linear gradient
- Seed: `kUNR_L1E1LLmrM7GpsQA`
- Page: https://grabient.com/kUNR_L1E1LLmrM7GpsQA?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 5.3 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 | `#17152b` | `oklch(20.87% 0.0427 286.17)` | Sambucus | white, 17.8 to 1 |
| 2 | `#1a172f` | `oklch(22.12% 0.0474 288.86)` | Dark Knight | white, 17.4 to 1 |
| 3 | `#1f1935` | `oklch(23.68% 0.0533 292.34)` | Dark Knight | white, 16.7 to 1 |
| 4 | `#261c3c` | `oklch(25.54% 0.0603 296.51)` | Throat | white, 16 to 1 |
| 5 | `#2e1f44` | `oklch(27.64% 0.0683 301.27)` | Elderberry | white, 15 to 1 |
| 6 | `#38224c` | `oklch(29.95% 0.0770 306.53)` | Powerful Violet | white, 14 to 1 |
| 7 | `#432553` | `oklch(32.43% 0.0865 312.21)` | Galactic Wonder | white, 12.9 to 1 |
| 8 | `#4f275b` | `oklch(35.05% 0.0964 318.19)` | Wonka Purple | white, 11.8 to 1 |
| 9 | `#5d2a61` | `oklch(37.78% 0.1067 324.39)` | Charisma | white, 10.6 to 1 |
| 10 | `#6b2d66` | `oklch(40.57% 0.1173 330.70)` | Intense Mauve | white, 9.5 to 1 |
| 11 | `#7b2f6a` | `oklch(43.40% 0.1280 337.05)` | Grape Juice | white, 8.5 to 1 |
| 12 | `#8a316c` | `oklch(46.21% 0.1386 343.32)` | Beetiful Magenta | white, 7.6 to 1 |
| 13 | `#9a346d` | `oklch(48.99% 0.1491 349.43)` | Scarlet Flame | white, 6.8 to 1 |
| 14 | `#aa366c` | `oklch(51.69% 0.1592 355.28)` | Rich Maroon | white, 6.1 to 1 |
| 15 | `#b8386a` | `oklch(54.27% 0.1689 0.77)` | Spicy Purple | white, 5.4 to 1 |
| 16 | `#c63b67` | `oklch(56.71% 0.1780 5.81)` | Raspberry Jam | white, 4.9 to 1 |
| 17 | `#d33d63` | `oklch(58.95% 0.1864 10.31)` | Azalea | black, 4.6 to 1 |
| 18 | `#de405e` | `oklch(60.98% 0.1939 14.17)` | Geranium | black, 5 to 1 |
| 19 | `#e8435a` | `oklch(62.75% 0.2003 17.29)` | Clown Nose | black, 5.3 to 1 |
| 20 | `#f04557` | `oklch(64.22% 0.2056 19.58)` | Vineyard Autumn | black, 5.6 to 1 |
| 21 | `#f64755` | `oklch(65.37% 0.2096 20.94)` | Watermelon | black, 5.9 to 1 |
| 22 | `#fa4956` | `oklch(66.14% 0.2122 21.28)` | Watermelon | black, 6.1 to 1 |
| 23 | `#fb4959` | `oklch(66.54% 0.2133 20.49)` | Watermelon | black, 6.2 to 1 |
| 24 | `#fb495f` | `oklch(66.61% 0.2132 18.59)` | Watermelon | black, 6.2 to 1 |
| 25 | `#f94866` | `oklch(66.36% 0.2119 15.70)` | Neon Fuchsia | black, 6.1 to 1 |
| 26 | `#f5486f` | `oklch(65.84% 0.2096 11.92)` | Fuchsia Felicity | black, 6 to 1 |
| 27 | `#f04779` | `oklch(65.07% 0.2063 7.36)` | Radishical | black, 5.8 to 1 |
| 28 | `#e84682` | `oklch(64.09% 0.2022 2.13)` | Kacey’s Pink | black, 5.6 to 1 |
| 29 | `#df468c` | `oklch(62.93% 0.1975 356.35)` | Prunus Avium | black, 5.3 to 1 |
| 30 | `#d44795` | `oklch(61.62% 0.1921 350.11)` | Kirby | black, 5.1 to 1 |
| 31 | `#c8489d` | `oklch(60.19% 0.1862 343.53)` | Lustful Wishes | black, 4.8 to 1 |
| 32 | `#bb48a3` | `oklch(58.68% 0.1800 336.72)` | Ultraviolet Nusp | white, 4.5 to 1 |
| 33 | `#ad49a8` | `oklch(57.11% 0.1734 329.79)` | Orchid Dottyback | white, 4.8 to 1 |
| 34 | `#9f4aab` | `oklch(55.51% 0.1668 322.84)` | Purpureus | white, 5.1 to 1 |
| 35 | `#924bac` | `oklch(53.93% 0.1601 315.99)` | Tyrian Shimmer | white, 5.5 to 1 |
| 36 | `#844bab` | `oklch(52.38% 0.1535 309.34)` | Harley Hair Purple | white, 5.8 to 1 |
| 37 | `#774caa` | `oklch(50.90% 0.1470 303.01)` | Royal Lavender | white, 6.1 to 1 |
| 38 | `#6c4ca7` | `oklch(49.52% 0.1409 297.10)` | Ultrapurple Merge | white, 6.5 to 1 |
| 39 | `#614ca3` | `oklch(48.28% 0.1351 291.72)` | Ultrapurple Merge | white, 6.8 to 1 |
| 40 | `#584c9f` | `oklch(47.20% 0.1299 286.99)` | Liberty | white, 7 to 1 |
| 41 | `#514c9c` | `oklch(46.32% 0.1253 283.00)` | Liberty | white, 7.3 to 1 |
| 42 | `#4b4c99` | `oklch(45.67% 0.1215 279.87)` | Liberty | white, 7.4 to 1 |
| 43 | `#484d96` | `oklch(45.28% 0.1185 277.72)` | Deep Ultramarine | white, 7.5 to 1 |
| 44 | `#464d95` | `oklch(45.10% 0.1161 276.43)` | Deep Ultramarine | white, 7.6 to 1 |
| 45 | `#454d94` | `oklch(45.08% 0.1141 275.79)` | Deep Ultramarine | white, 7.6 to 1 |
| 46 | `#464e93` | `oklch(45.20% 0.1124 275.74)` | Deep Ultramarine | white, 7.5 to 1 |
| 47 | `#474f93` | `oklch(45.43% 0.1109 276.23)` | Deep Ultramarine | white, 7.5 to 1 |
| 48 | `#494f93` | `oklch(45.78% 0.1097 277.21)` | Crushed Velvet | white, 7.3 to 1 |
| 49 | `#4c5094` | `oklch(46.23% 0.1087 278.61)` | Crushed Velvet | white, 7.2 to 1 |
| 50 | `#505195` | `oklch(46.76% 0.1079 280.38)` | Blue Ember | white, 7.1 to 1 |
| 51 | `#545296` | `oklch(47.36% 0.1073 282.46)` | Blue Ember | white, 6.9 to 1 |
| 52 | `#585397` | `oklch(48.02% 0.1068 284.81)` | Coronation Blue | white, 6.7 to 1 |
| 53 | `#5d5498` | `oklch(48.73% 0.1066 287.35)` | Purple Opulence | white, 6.5 to 1 |
| 54 | `#625699` | `oklch(49.46% 0.1064 290.04)` | Purple Opulence | white, 6.3 to 1 |
| 55 | `#67579b` | `oklch(50.21% 0.1063 292.82)` | Rollick | white, 6.1 to 1 |
| 56 | `#6b589c` | `oklch(50.96% 0.1063 295.63)` | Rollick | white, 5.9 to 1 |
| 57 | `#70599d` | `oklch(51.71% 0.1063 298.42)` | Passion Flower | white, 5.8 to 1 |
| 58 | `#755a9d` | `oklch(52.43% 0.1064 301.13)` | Sumire Violet | white, 5.6 to 1 |
| 59 | `#795b9e` | `oklch(53.11% 0.1064 303.71)` | Sonic Plum | white, 5.4 to 1 |
| 60 | `#7d5c9f` | `oklch(53.74% 0.1065 306.09)` | Sonic Plum | white, 5.3 to 1 |
| 61 | `#815d9f` | `oklch(54.31% 0.1065 308.23)` | Sonic Plum | white, 5.2 to 1 |
| 62 | `#845e9f` | `oklch(54.81% 0.1065 310.06)` | Chive Blossom | white, 5.1 to 1 |
| 63 | `#875f9f` | `oklch(55.21% 0.1063 311.53)` | Chive Blossom | white, 5 to 1 |
| 64 | `#88609f` | `oklch(55.51% 0.1061 312.59)` | Chive Blossom | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #17152b 0.0%, #1a172f 1.6%, #1f1935 3.2%, #261c3c 4.8%, #2e1f44 6.3%, #38224c 7.9%, #432553 9.5%, #4f275b 11.1%, #5d2a61 12.7%, #6b2d66 14.3%, #7b2f6a 15.9%, #8a316c 17.5%, #9a346d 19.0%, #aa366c 20.6%, #b8386a 22.2%, #c63b67 23.8%, #d33d63 25.4%, #de405e 27.0%, #e8435a 28.6%, #f04557 30.2%, #f64755 31.7%, #fa4956 33.3%, #fb4959 34.9%, #fb495f 36.5%, #f94866 38.1%, #f5486f 39.7%, #f04779 41.3%, #e84682 42.9%, #df468c 44.4%, #d44795 46.0%, #c8489d 47.6%, #bb48a3 49.2%, #ad49a8 50.8%, #9f4aab 52.4%, #924bac 54.0%, #844bab 55.6%, #774caa 57.1%, #6c4ca7 58.7%, #614ca3 60.3%, #584c9f 61.9%, #514c9c 63.5%, #4b4c99 65.1%, #484d96 66.7%, #464d95 68.3%, #454d94 69.8%, #464e93 71.4%, #474f93 73.0%, #494f93 74.6%, #4c5094 76.2%, #505195 77.8%, #545296 79.4%, #585397 81.0%, #5d5498 82.5%, #625699 84.1%, #67579b 85.7%, #6b589c 87.3%, #70599d 88.9%, #755a9d 90.5%, #795b9e 92.1%, #7d5c9f 93.7%, #815d9f 95.2%, #845e9f 96.8%, #875f9f 98.4%, #88609f 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.87% 0.0427 286.17) 0.0%, oklch(22.12% 0.0474 288.86) 1.6%, oklch(23.68% 0.0533 292.34) 3.2%, oklch(25.54% 0.0603 296.51) 4.8%, oklch(27.64% 0.0683 301.27) 6.3%, oklch(29.95% 0.0770 306.53) 7.9%, oklch(32.43% 0.0865 312.21) 9.5%, oklch(35.05% 0.0964 318.19) 11.1%, oklch(37.78% 0.1067 324.39) 12.7%, oklch(40.57% 0.1173 330.70) 14.3%, oklch(43.40% 0.1280 337.05) 15.9%, oklch(46.21% 0.1386 343.32) 17.5%, oklch(48.99% 0.1491 349.43) 19.0%, oklch(51.69% 0.1592 355.28) 20.6%, oklch(54.27% 0.1689 0.77) 22.2%, oklch(56.71% 0.1780 5.81) 23.8%, oklch(58.95% 0.1864 10.31) 25.4%, oklch(60.98% 0.1939 14.17) 27.0%, oklch(62.75% 0.2003 17.29) 28.6%, oklch(64.22% 0.2056 19.58) 30.2%, oklch(65.37% 0.2096 20.94) 31.7%, oklch(66.14% 0.2122 21.28) 33.3%, oklch(66.54% 0.2133 20.49) 34.9%, oklch(66.61% 0.2132 18.59) 36.5%, oklch(66.36% 0.2119 15.70) 38.1%, oklch(65.84% 0.2096 11.92) 39.7%, oklch(65.07% 0.2063 7.36) 41.3%, oklch(64.09% 0.2022 2.13) 42.9%, oklch(62.93% 0.1975 356.35) 44.4%, oklch(61.62% 0.1921 350.11) 46.0%, oklch(60.19% 0.1862 343.53) 47.6%, oklch(58.68% 0.1800 336.72) 49.2%, oklch(57.11% 0.1734 329.79) 50.8%, oklch(55.51% 0.1668 322.84) 52.4%, oklch(53.93% 0.1601 315.99) 54.0%, oklch(52.38% 0.1535 309.34) 55.6%, oklch(50.90% 0.1470 303.01) 57.1%, oklch(49.52% 0.1409 297.10) 58.7%, oklch(48.28% 0.1351 291.72) 60.3%, oklch(47.20% 0.1299 286.99) 61.9%, oklch(46.32% 0.1253 283.00) 63.5%, oklch(45.67% 0.1215 279.87) 65.1%, oklch(45.28% 0.1185 277.72) 66.7%, oklch(45.10% 0.1161 276.43) 68.3%, oklch(45.08% 0.1141 275.79) 69.8%, oklch(45.20% 0.1124 275.74) 71.4%, oklch(45.43% 0.1109 276.23) 73.0%, oklch(45.78% 0.1097 277.21) 74.6%, oklch(46.23% 0.1087 278.61) 76.2%, oklch(46.76% 0.1079 280.38) 77.8%, oklch(47.36% 0.1073 282.46) 79.4%, oklch(48.02% 0.1068 284.81) 81.0%, oklch(48.73% 0.1066 287.35) 82.5%, oklch(49.46% 0.1064 290.04) 84.1%, oklch(50.21% 0.1063 292.82) 85.7%, oklch(50.96% 0.1063 295.63) 87.3%, oklch(51.71% 0.1063 298.42) 88.9%, oklch(52.43% 0.1064 301.13) 90.5%, oklch(53.11% 0.1064 303.71) 92.1%, oklch(53.74% 0.1065 306.09) 93.7%, oklch(54.31% 0.1065 308.23) 95.2%, oklch(54.81% 0.1065 310.06) 96.8%, oklch(55.21% 0.1063 311.53) 98.4%, oklch(55.51% 0.1061 312.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.043 | 286.2 |
| 2 | 0.661 | 0.212 | 381.3 |
| 3 | 0.453 | 0.119 | 277.7 |
| 4 | 0.555 | 0.106 | 312.6 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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