# Violet sandstone rain halo

Rainbow from navy to light blue linear gradient with 48 colors: #1a102e, #1c1130, #1e1233, #201235, #231339, #25143c, #291540, #2c1644, #301748, #34184c, #391a50, #3e1b53, #441c56, #4a1e59, #501f5b, #57215c, #5e235c, #66265b, #6e2959, #762d57, #7e3255, #863852, #8d3e4e, #94454a, #9a4d47, #9e5543, #a15d40, #a4663f, #a46e3e, #a4773f, #a27f42, #9f8646, #9b8d4c, #959453, #8d9a5c, #849f67, #7aa473, #70a880, #67ab8d, #5fad9a, #5bafa7, #5aafb2, #5cafbc, #61aec4, #68adcb, #6fabd0, #76aad3, #7ca9d6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from navy to light blue linear gradient
- Seed: `kUNCrSrinDtCgTpbndKA`
- Page: https://grabient.com/kUNCrSrinDtCgTpbndKA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark to light, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 7.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 | `#1a102e` | `oklch(20.47% 0.0579 296.02)` | Midnight Monarch | white, 18.1 to 1 |
| 2 | `#1c1130` | `oklch(21.02% 0.0601 296.98)` | Midnight Monarch | white, 17.9 to 1 |
| 3 | `#1e1233` | `oklch(21.64% 0.0629 297.87)` | Blacklist | white, 17.7 to 1 |
| 4 | `#201235` | `oklch(22.33% 0.0664 298.74)` | Blacklist | white, 17.4 to 1 |
| 5 | `#231339` | `oklch(23.10% 0.0703 299.63)` | Blacklist | white, 17.1 to 1 |
| 6 | `#25143c` | `oklch(23.94% 0.0746 300.60)` | Prune Plum | white, 16.8 to 1 |
| 7 | `#291540` | `oklch(24.84% 0.0791 301.69)` | Prune Plum | white, 16.4 to 1 |
| 8 | `#2c1644` | `oklch(25.80% 0.0838 302.94)` | Oily Purple | white, 16 to 1 |
| 9 | `#301748` | `oklch(26.82% 0.0885 304.40)` | Russian Violet | white, 15.6 to 1 |
| 10 | `#34184c` | `oklch(27.90% 0.0932 306.12)` | Russian Violet | white, 15.1 to 1 |
| 11 | `#391a50` | `oklch(29.03% 0.0977 308.15)` | Obsidian Orchid | white, 14.6 to 1 |
| 12 | `#3e1b53` | `oklch(30.20% 0.1019 310.54)` | Obsidian Orchid | white, 14.1 to 1 |
| 13 | `#441c56` | `oklch(31.42% 0.1056 313.32)` | Plunged Into Darkness | white, 13.5 to 1 |
| 14 | `#4a1e59` | `oklch(32.68% 0.1089 316.55)` | Wonka Purple | white, 13 to 1 |
| 15 | `#501f5b` | `oklch(33.98% 0.1116 320.28)` | Wonka Purple | white, 12.4 to 1 |
| 16 | `#57215c` | `oklch(35.31% 0.1135 324.55)` | Purple Velour | white, 11.8 to 1 |
| 17 | `#5e235c` | `oklch(36.69% 0.1147 329.40)` | Charisma | white, 11.2 to 1 |
| 18 | `#66265b` | `oklch(38.19% 0.1150 334.85)` | Palatinate Purple | white, 10.5 to 1 |
| 19 | `#6e2959` | `oklch(39.83% 0.1147 340.85)` | Forest Fruit Red | white, 9.8 to 1 |
| 20 | `#762d57` | `oklch(41.58% 0.1139 347.36)` | Magenta Purple | white, 9.1 to 1 |
| 21 | `#7e3255` | `oklch(43.42% 0.1126 354.33)` | Alfonso Olive | white, 8.4 to 1 |
| 22 | `#863852` | `oklch(45.33% 0.1108 1.71)` | That’s My Jam | white, 7.8 to 1 |
| 23 | `#8d3e4e` | `oklch(47.28% 0.1088 9.46)` | Liaison | white, 7.1 to 1 |
| 24 | `#94454a` | `oklch(49.26% 0.1065 17.53)` | Cowhide | white, 6.5 to 1 |
| 25 | `#9a4d47` | `oklch(51.23% 0.1040 25.89)` | Rembrandt Ruby | white, 5.9 to 1 |
| 26 | `#9e5543` | `oklch(53.18% 0.1014 34.47)` | Kalahari Sunset | white, 5.4 to 1 |
| 27 | `#a15d40` | `oklch(55.07% 0.0988 43.25)` | Sepia Skin | white, 5 to 1 |
| 28 | `#a4663f` | `oklch(56.90% 0.0963 52.17)` | Earth | white, 4.6 to 1 |
| 29 | `#a46e3e` | `oklch(58.62% 0.0940 61.18)` | Castellina | black, 4.9 to 1 |
| 30 | `#a4773f` | `oklch(60.23% 0.0918 70.25)` | Gallant Gold | black, 5.2 to 1 |
| 31 | `#a27f42` | `oklch(61.70% 0.0900 79.33)` | Bronze Mist | black, 5.6 to 1 |
| 32 | `#9f8646` | `oklch(62.99% 0.0886 88.36)` | Madagascar | black, 5.9 to 1 |
| 33 | `#9b8d4c` | `oklch(64.12% 0.0875 97.54)` | Yanagicha | black, 6.3 to 1 |
| 34 | `#959453` | `oklch(65.14% 0.0866 107.47)` | Ancient Maze | black, 6.6 to 1 |
| 35 | `#8d9a5c` | `oklch(66.05% 0.0858 118.07)` | Vitality | black, 6.8 to 1 |
| 36 | `#849f67` | `oklch(66.87% 0.0851 129.19)` | Jack Bone | black, 7.1 to 1 |
| 37 | `#7aa473` | `oklch(67.59% 0.0845 140.68)` | Hierba Santa | black, 7.4 to 1 |
| 38 | `#70a880` | `oklch(68.24% 0.0840 152.39)` | Primavera | black, 7.6 to 1 |
| 39 | `#67ab8d` | `oklch(68.82% 0.0835 164.18)` | Artemesia Green | black, 7.8 to 1 |
| 40 | `#5fad9a` | `oklch(69.33% 0.0832 175.88)` | Green Crush | black, 7.9 to 1 |
| 41 | `#5bafa7` | `oklch(69.79% 0.0828 187.36)` | Artesian Well | black, 8.1 to 1 |
| 42 | `#5aafb2` | `oklch(70.20% 0.0826 198.46)` | Fountain Blue | black, 8.2 to 1 |
| 43 | `#5cafbc` | `oklch(70.57% 0.0823 209.04)` | Finnish Fiord | black, 8.2 to 1 |
| 44 | `#61aec4` | `oklch(70.90% 0.0821 218.94)` | Blue Mist | black, 8.3 to 1 |
| 45 | `#68adcb` | `oklch(71.21% 0.0819 228.02)` | Blue Topaz | black, 8.3 to 1 |
| 46 | `#6fabd0` | `oklch(71.49% 0.0817 236.12)` | Chronus Blue | black, 8.4 to 1 |
| 47 | `#76aad3` | `oklch(71.77% 0.0815 243.10)` | Chronus Blue | black, 8.4 to 1 |
| 48 | `#7ca9d6` | `oklch(72.05% 0.0813 248.81)` | High Seas | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1a102e 0.0%, #1c1130 2.1%, #1e1233 4.3%, #201235 6.4%, #231339 8.5%, #25143c 10.6%, #291540 12.8%, #2c1644 14.9%, #301748 17.0%, #34184c 19.1%, #391a50 21.3%, #3e1b53 23.4%, #441c56 25.5%, #4a1e59 27.7%, #501f5b 29.8%, #57215c 31.9%, #5e235c 34.0%, #66265b 36.2%, #6e2959 38.3%, #762d57 40.4%, #7e3255 42.6%, #863852 44.7%, #8d3e4e 46.8%, #94454a 48.9%, #9a4d47 51.1%, #9e5543 53.2%, #a15d40 55.3%, #a4663f 57.4%, #a46e3e 59.6%, #a4773f 61.7%, #a27f42 63.8%, #9f8646 66.0%, #9b8d4c 68.1%, #959453 70.2%, #8d9a5c 72.3%, #849f67 74.5%, #7aa473 76.6%, #70a880 78.7%, #67ab8d 80.9%, #5fad9a 83.0%, #5bafa7 85.1%, #5aafb2 87.2%, #5cafbc 89.4%, #61aec4 91.5%, #68adcb 93.6%, #6fabd0 95.7%, #76aad3 97.9%, #7ca9d6 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.47% 0.0579 296.02) 0.0%, oklch(21.02% 0.0601 296.98) 2.1%, oklch(21.64% 0.0629 297.87) 4.3%, oklch(22.33% 0.0664 298.74) 6.4%, oklch(23.10% 0.0703 299.63) 8.5%, oklch(23.94% 0.0746 300.60) 10.6%, oklch(24.84% 0.0791 301.69) 12.8%, oklch(25.80% 0.0838 302.94) 14.9%, oklch(26.82% 0.0885 304.40) 17.0%, oklch(27.90% 0.0932 306.12) 19.1%, oklch(29.03% 0.0977 308.15) 21.3%, oklch(30.20% 0.1019 310.54) 23.4%, oklch(31.42% 0.1056 313.32) 25.5%, oklch(32.68% 0.1089 316.55) 27.7%, oklch(33.98% 0.1116 320.28) 29.8%, oklch(35.31% 0.1135 324.55) 31.9%, oklch(36.69% 0.1147 329.40) 34.0%, oklch(38.19% 0.1150 334.85) 36.2%, oklch(39.83% 0.1147 340.85) 38.3%, oklch(41.58% 0.1139 347.36) 40.4%, oklch(43.42% 0.1126 354.33) 42.6%, oklch(45.33% 0.1108 1.71) 44.7%, oklch(47.28% 0.1088 9.46) 46.8%, oklch(49.26% 0.1065 17.53) 48.9%, oklch(51.23% 0.1040 25.89) 51.1%, oklch(53.18% 0.1014 34.47) 53.2%, oklch(55.07% 0.0988 43.25) 55.3%, oklch(56.90% 0.0963 52.17) 57.4%, oklch(58.62% 0.0940 61.18) 59.6%, oklch(60.23% 0.0918 70.25) 61.7%, oklch(61.70% 0.0900 79.33) 63.8%, oklch(62.99% 0.0886 88.36) 66.0%, oklch(64.12% 0.0875 97.54) 68.1%, oklch(65.14% 0.0866 107.47) 70.2%, oklch(66.05% 0.0858 118.07) 72.3%, oklch(66.87% 0.0851 129.19) 74.5%, oklch(67.59% 0.0845 140.68) 76.6%, oklch(68.24% 0.0840 152.39) 78.7%, oklch(68.82% 0.0835 164.18) 80.9%, oklch(69.33% 0.0832 175.88) 83.0%, oklch(69.79% 0.0828 187.36) 85.1%, oklch(70.20% 0.0826 198.46) 87.2%, oklch(70.57% 0.0823 209.04) 89.4%, oklch(70.90% 0.0821 218.94) 91.5%, oklch(71.21% 0.0819 228.02) 93.6%, oklch(71.49% 0.0817 236.12) 95.7%, oklch(71.77% 0.0815 243.10) 97.9%, oklch(72.05% 0.0813 248.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.058 | 296 |
| 2 | 0.362 | 0.114 | 327.7 |
| 3 | 0.634 | 0.088 | 451.4 |
| 4 | 0.72 | 0.081 | 608.8 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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