# Violet rain across sandstone

Cool blue, teal, navy and purple linear gradient with 40 colors: #1f2d7e, #0a3b81, #004c78, #005d75, #006f74, #357d6f, #5d876e, #798f74, #8c967d, #969a86, #979b89, #919784, #828f7b, #6b8472, #4e786c, #2f696c, #16596d, #16486d, #24396a, #2e2f66, #372c66, #42326b, #4e3c75, #5d4b82, #6c5d92, #7b70a3, #8a83b3, #9793c1, #a09fca, #a5a5ce, #a4a3cc, #9e9cc4, #9490b8, #8681a9, #777199, #686088, #5a5078, #4d426a, #43375e, #3c2f56. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Cool blue, teal, navy and purple linear gradient
- Seed: `kWV2PAVomtiqjVBdlcAKxlBQ`
- Page: https://grabient.com/kWV2PAVomtiqjVBdlcAKxlBQ?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#1f2d7e` | `oklch(34.25% 0.1364 270.00)` | St. Patrick’s Blue | white, 12 to 1 |
| 2 | `#0a3b81` | `oklch(36.65% 0.1288 258.95)` | Mystery Oceans | white, 10.7 to 1 |
| 3 | `#004c78` | `oklch(40.15% 0.0967 242.81)` | Blue Meridian | white, 9 to 1 |
| 4 | `#005d75` | `oklch(44.42% 0.0827 223.02)` | Bosporus | white, 7.4 to 1 |
| 5 | `#006f74` | `oklch(49.13% 0.0836 201.21)` | Active Turquoise | white, 5.9 to 1 |
| 6 | `#357d6f` | `oklch(53.94% 0.0750 178.94)` | Pearl Green | white, 4.8 to 1 |
| 7 | `#5d876e` | `oklch(58.54% 0.0605 157.77)` | Dark Jade | black, 5.1 to 1 |
| 8 | `#798f74` | `oklch(62.57% 0.0473 139.25)` | Loden Frost | black, 6 to 1 |
| 9 | `#8c967d` | `oklch(65.72% 0.0365 124.93)` | Veranda Green | black, 6.7 to 1 |
| 10 | `#969a86` | `oklch(67.66% 0.0290 116.36)` | Green Fog | black, 7.2 to 1 |
| 11 | `#979b89` | `oklch(68.03% 0.0258 115.11)` | Laurel Leaf | black, 7.3 to 1 |
| 12 | `#919784` | `oklch(66.47% 0.0272 121.82)` | Hillside Green | black, 6.9 to 1 |
| 13 | `#828f7b` | `oklch(63.26% 0.0323 135.16)` | Ginkgo Tree | black, 6.1 to 1 |
| 14 | `#6b8472` | `oklch(58.87% 0.0402 153.52)` | Ranger Green | black, 5.1 to 1 |
| 15 | `#4e786c` | `oklch(53.75% 0.0501 175.31)` | Double Jeopardy | white, 4.9 to 1 |
| 16 | `#2f696c` | `oklch(48.38% 0.0609 198.92)` | Magnetic Green | white, 6.2 to 1 |
| 17 | `#16596d` | `oklch(43.21% 0.0717 222.75)` | Connor’s Lakefront | white, 7.8 to 1 |
| 18 | `#16486d` | `oklch(38.72% 0.0816 245.20)` | Hopi Blue Corn | white, 9.6 to 1 |
| 19 | `#24396a` | `oklch(35.36% 0.0898 264.67)` | Blue Depths | white, 11.2 to 1 |
| 20 | `#2e2f66` | `oklch(33.60% 0.0951 279.57)` | Galaxea | white, 12.2 to 1 |
| 21 | `#372c66` | `oklch(33.90% 0.0970 288.74)` | Paris M | white, 12.1 to 1 |
| 22 | `#42326b` | `oklch(36.32% 0.0962 294.16)` | Minsk | white, 11.1 to 1 |
| 23 | `#4e3c75` | `oklch(40.41% 0.0934 296.79)` | Succinct Violet | white, 9.3 to 1 |
| 24 | `#5d4b82` | `oklch(45.66% 0.0891 297.21)` | Sumptuous Purple | white, 7.4 to 1 |
| 25 | `#6c5d92` | `oklch(51.58% 0.0838 295.99)` | Just a Fairytale | white, 5.7 to 1 |
| 26 | `#7b70a3` | `oklch(57.65% 0.0780 293.72)` | Queen’s | black, 4.7 to 1 |
| 27 | `#8a83b3` | `oklch(63.39% 0.0722 290.98)` | Aster Purple | black, 5.9 to 1 |
| 28 | `#9793c1` | `oklch(68.28% 0.0668 288.35)` | Lavender Bonnet | black, 7.2 to 1 |
| 29 | `#a09fca` | `oklch(71.83% 0.0625 286.41)` | Indigo Child | black, 8.3 to 1 |
| 30 | `#a5a5ce` | `oklch(73.54% 0.0597 285.75)` | Blossom Mauve | black, 8.8 to 1 |
| 31 | `#a4a3cc` | `oklch(73.07% 0.0585 286.43)` | Water Hyacinth | black, 8.6 to 1 |
| 32 | `#9e9cc4` | `oklch(70.79% 0.0583 287.45)` | Cosmo Purple | black, 7.9 to 1 |
| 33 | `#9490b8` | `oklch(67.08% 0.0588 288.69)` | Purple Amethyst | black, 6.9 to 1 |
| 34 | `#8681a9` | `oklch(62.34% 0.0600 290.08)` | Aster Purple | black, 5.7 to 1 |
| 35 | `#777199` | `oklch(56.95% 0.0615 291.54)` | Arabian Silk | black, 4.6 to 1 |
| 36 | `#686088` | `oklch(51.30% 0.0633 293.01)` | Majestic Purple | white, 5.7 to 1 |
| 37 | `#5a5078` | `oklch(45.78% 0.0651 294.41)` | Benikakehana Purple | white, 7.3 to 1 |
| 38 | `#4d426a` | `oklch(40.77% 0.0668 295.67)` | Evening Lavender | white, 9.1 to 1 |
| 39 | `#43375e` | `oklch(36.67% 0.0681 296.71)` | Patriot Blue | white, 10.8 to 1 |
| 40 | `#3c2f56` | `oklch(33.86% 0.0689 297.48)` | Violet Purple | white, 12.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1f2d7e 0.0%, #0a3b81 2.6%, #004c78 5.1%, #005d75 7.7%, #006f74 10.3%, #357d6f 12.8%, #5d876e 15.4%, #798f74 17.9%, #8c967d 20.5%, #969a86 23.1%, #979b89 25.6%, #919784 28.2%, #828f7b 30.8%, #6b8472 33.3%, #4e786c 35.9%, #2f696c 38.5%, #16596d 41.0%, #16486d 43.6%, #24396a 46.2%, #2e2f66 48.7%, #372c66 51.3%, #42326b 53.8%, #4e3c75 56.4%, #5d4b82 59.0%, #6c5d92 61.5%, #7b70a3 64.1%, #8a83b3 66.7%, #9793c1 69.2%, #a09fca 71.8%, #a5a5ce 74.4%, #a4a3cc 76.9%, #9e9cc4 79.5%, #9490b8 82.1%, #8681a9 84.6%, #777199 87.2%, #686088 89.7%, #5a5078 92.3%, #4d426a 94.9%, #43375e 97.4%, #3c2f56 100.0%);
background: linear-gradient(135deg in oklch, oklch(34.25% 0.1364 270.00) 0.0%, oklch(36.65% 0.1288 258.95) 2.6%, oklch(40.15% 0.0967 242.81) 5.1%, oklch(44.42% 0.0827 223.02) 7.7%, oklch(49.13% 0.0836 201.21) 10.3%, oklch(53.94% 0.0750 178.94) 12.8%, oklch(58.54% 0.0605 157.77) 15.4%, oklch(62.57% 0.0473 139.25) 17.9%, oklch(65.72% 0.0365 124.93) 20.5%, oklch(67.66% 0.0290 116.36) 23.1%, oklch(68.03% 0.0258 115.11) 25.6%, oklch(66.47% 0.0272 121.82) 28.2%, oklch(63.26% 0.0323 135.16) 30.8%, oklch(58.87% 0.0402 153.52) 33.3%, oklch(53.75% 0.0501 175.31) 35.9%, oklch(48.38% 0.0609 198.92) 38.5%, oklch(43.21% 0.0717 222.75) 41.0%, oklch(38.72% 0.0816 245.20) 43.6%, oklch(35.36% 0.0898 264.67) 46.2%, oklch(33.60% 0.0951 279.57) 48.7%, oklch(33.90% 0.0970 288.74) 51.3%, oklch(36.32% 0.0962 294.16) 53.8%, oklch(40.41% 0.0934 296.79) 56.4%, oklch(45.66% 0.0891 297.21) 59.0%, oklch(51.58% 0.0838 295.99) 61.5%, oklch(57.65% 0.0780 293.72) 64.1%, oklch(63.39% 0.0722 290.98) 66.7%, oklch(68.28% 0.0668 288.35) 69.2%, oklch(71.83% 0.0625 286.41) 71.8%, oklch(73.54% 0.0597 285.75) 74.4%, oklch(73.07% 0.0585 286.43) 76.9%, oklch(70.79% 0.0583 287.45) 79.5%, oklch(67.08% 0.0588 288.69) 82.1%, oklch(62.34% 0.0600 290.08) 84.6%, oklch(56.95% 0.0615 291.54) 87.2%, oklch(51.30% 0.0633 293.01) 89.7%, oklch(45.78% 0.0651 294.41) 92.3%, oklch(40.77% 0.0668 295.67) 94.9%, oklch(36.67% 0.0681 296.71) 97.4%, oklch(33.86% 0.0689 297.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.136 | 270 |
| 2 | 0.681 | 0.026 | 114.7 |
| 3 | 0.335 | 0.096 | 284.8 |
| 4 | 0.736 | 0.059 | 285.9 |
| 5 | 0.339 | 0.069 | 297.5 |

## In these collections

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

## Other forms

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