# Indigo ash diagonal beam

Analogous blue, lavender and gray linear gradient with 48 colors: #41438c, #46488f, #4d4f93, #555799, #5f619f, #6a6ca5, #7576ac, #7f80b2, #8889b7, #9091bb, #9696bd, #9999be, #9999bd, #9695b9, #8f8eb3, #8685ab, #7b79a1, #6f6d97, #63608d, #575483, #4c4879, #423d71, #3a346a, #342e65, #312a63, #2e2762, #2d2663, #2b2665, #2b2769, #2b296d, #2b2b71, #2c2f76, #2e327a, #30367f, #333982, #373d84, #3b4085, #414586, #494986, #514f86, #595585, #605a84, #676183, #6e6782, #736c81, #777280, #7a7680, #7c7a80. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous blue, lavender and gray linear gradient
- Seed: `kWa1bG2JNAqoiv-yqr7SgPDg`
- Page: https://grabient.com/kWa1bG2JNAqoiv-yqr7SgPDg?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: dark center, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.8 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 | `#41438c` | `oklch(42.13% 0.1185 279.14)` | Spectrum Blue | white, 8.7 to 1 |
| 2 | `#46488f` | `oklch(43.70% 0.1149 279.48)` | Merlin’s Robe | white, 8.1 to 1 |
| 3 | `#4d4f93` | `oklch(45.97% 0.1098 279.92)` | Beaded Blue | white, 7.3 to 1 |
| 4 | `#555799` | `oklch(48.77% 0.1037 280.46)` | Governor Bay | white, 6.5 to 1 |
| 5 | `#5f619f` | `oklch(51.92% 0.0967 281.07)` | Violet Storm | white, 5.6 to 1 |
| 6 | `#6a6ca5` | `oklch(55.26% 0.0893 281.72)` | Dusted Peri | white, 4.9 to 1 |
| 7 | `#7576ac` | `oklch(58.61% 0.0818 282.40)` | Regal Azure | black, 4.9 to 1 |
| 8 | `#7f80b2` | `oklch(61.81% 0.0745 283.06)` | Murex | black, 5.6 to 1 |
| 9 | `#8889b7` | `oklch(64.68% 0.0677 283.71)` | Soft Blue Lavender | black, 6.3 to 1 |
| 10 | `#9091bb` | `oklch(67.06% 0.0618 284.30)` | Lily of the Nile | black, 6.9 to 1 |
| 11 | `#9696bd` | `oklch(68.78% 0.0570 284.82)` | Lavender Bonnet | black, 7.4 to 1 |
| 12 | `#9999be` | `oklch(69.67% 0.0537 285.24)` | Thistle Down | black, 7.6 to 1 |
| 13 | `#9999bd` | `oklch(69.55% 0.0522 285.55)` | Thistle Down | black, 7.6 to 1 |
| 14 | `#9695b9` | `oklch(68.30% 0.0524 285.80)` | Indifferent | black, 7.2 to 1 |
| 15 | `#8f8eb3` | `oklch(66.05% 0.0540 286.02)` | Persian Violet | black, 6.6 to 1 |
| 16 | `#8685ab` | `oklch(63.00% 0.0569 286.20)` | Purple Hills | black, 5.9 to 1 |
| 17 | `#7b79a1` | `oklch(59.36% 0.0607 286.35)` | Blue Dove | black, 5.1 to 1 |
| 18 | `#6f6d97` | `oklch(55.32% 0.0651 286.44)` | Campanula Purple | white, 4.8 to 1 |
| 19 | `#63608d` | `oklch(51.08% 0.0701 286.48)` | Majestic Purple | white, 5.8 to 1 |
| 20 | `#575483` | `oklch(46.84% 0.0753 286.46)` | Aurora Splendour | white, 7 to 1 |
| 21 | `#4c4879` | `oklch(42.80% 0.0805 286.38)` | Purple Pool | white, 8.3 to 1 |
| 22 | `#423d71` | `oklch(39.15% 0.0854 286.22)` | Opera Blue | white, 9.7 to 1 |
| 23 | `#3a346a` | `oklch(36.10% 0.0899 285.99)` | Minsk | white, 11.1 to 1 |
| 24 | `#342e65` | `oklch(33.84% 0.0936 285.67)` | Deep Koamaru | white, 12.1 to 1 |
| 25 | `#312a63` | `oklch(32.50% 0.0965 285.23)` | Paris M | white, 12.8 to 1 |
| 26 | `#2e2762` | `oklch(31.74% 0.0998 284.44)` | Paris M | white, 13.2 to 1 |
| 27 | `#2d2663` | `oklch(31.43% 0.1034 283.37)` | Indie Go | white, 13.3 to 1 |
| 28 | `#2b2665` | `oklch(31.52% 0.1072 282.10)` | Indie Go | white, 13.3 to 1 |
| 29 | `#2b2769` | `oklch(31.94% 0.1109 280.71)` | Indie Go | white, 13.1 to 1 |
| 30 | `#2b296d` | `oklch(32.65% 0.1143 279.32)` | Blue Rose | white, 12.8 to 1 |
| 31 | `#2b2b71` | `oklch(33.57% 0.1173 278.00)` | Blue Rose | white, 12.3 to 1 |
| 32 | `#2c2f76` | `oklch(34.66% 0.1196 276.85)` | Blue Rose | white, 11.8 to 1 |
| 33 | `#2e327a` | `oklch(35.86% 0.1210 275.96)` | Ballpoint Indigo | white, 11.3 to 1 |
| 34 | `#30367f` | `oklch(37.10% 0.1213 275.42)` | Migol Blue | white, 10.7 to 1 |
| 35 | `#333982` | `oklch(38.33% 0.1204 275.32)` | Evening Magic | white, 10.2 to 1 |
| 36 | `#373d84` | `oklch(39.49% 0.1180 275.77)` | Evening Magic | white, 9.7 to 1 |
| 37 | `#3b4085` | `oklch(40.65% 0.1137 276.86)` | Clematis Blue | white, 9.2 to 1 |
| 38 | `#414586` | `oklch(42.06% 0.1071 278.66)` | Queen of the Night Shift | white, 8.6 to 1 |
| 39 | `#494986` | `oklch(43.67% 0.0986 281.03)` | Highlands Twilight | white, 8 to 1 |
| 40 | `#514f86` | `oklch(45.44% 0.0887 283.84)` | Twilight | white, 7.4 to 1 |
| 41 | `#595585` | `oklch(47.30% 0.0777 286.97)` | Aurora Splendour | white, 6.8 to 1 |
| 42 | `#605a84` | `oklch(49.20% 0.0662 290.28)` | Psychic | white, 6.3 to 1 |
| 43 | `#676183` | `oklch(51.08% 0.0546 293.64)` | Purple Gumball | white, 5.8 to 1 |
| 44 | `#6e6782` | `oklch(52.89% 0.0432 296.92)` | Hyacinth Arbour | white, 5.3 to 1 |
| 45 | `#736c81` | `oklch(54.57% 0.0326 299.99)` | Purple Sage | white, 4.9 to 1 |
| 46 | `#777280` | `oklch(56.06% 0.0232 302.71)` | Pearl Blackberry | white, 4.6 to 1 |
| 47 | `#7a7680` | `oklch(57.31% 0.0154 304.97)` | Hawk Grey | black, 4.7 to 1 |
| 48 | `#7c7a80` | `oklch(58.27% 0.0096 306.62)` | Tarnished Silver | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #41438c 0.0%, #46488f 2.1%, #4d4f93 4.3%, #555799 6.4%, #5f619f 8.5%, #6a6ca5 10.6%, #7576ac 12.8%, #7f80b2 14.9%, #8889b7 17.0%, #9091bb 19.1%, #9696bd 21.3%, #9999be 23.4%, #9999bd 25.5%, #9695b9 27.7%, #8f8eb3 29.8%, #8685ab 31.9%, #7b79a1 34.0%, #6f6d97 36.2%, #63608d 38.3%, #575483 40.4%, #4c4879 42.6%, #423d71 44.7%, #3a346a 46.8%, #342e65 48.9%, #312a63 51.1%, #2e2762 53.2%, #2d2663 55.3%, #2b2665 57.4%, #2b2769 59.6%, #2b296d 61.7%, #2b2b71 63.8%, #2c2f76 66.0%, #2e327a 68.1%, #30367f 70.2%, #333982 72.3%, #373d84 74.5%, #3b4085 76.6%, #414586 78.7%, #494986 80.9%, #514f86 83.0%, #595585 85.1%, #605a84 87.2%, #676183 89.4%, #6e6782 91.5%, #736c81 93.6%, #777280 95.7%, #7a7680 97.9%, #7c7a80 100.0%);
background: linear-gradient(225deg in oklch, oklch(42.13% 0.1185 279.14) 0.0%, oklch(43.70% 0.1149 279.48) 2.1%, oklch(45.97% 0.1098 279.92) 4.3%, oklch(48.77% 0.1037 280.46) 6.4%, oklch(51.92% 0.0967 281.07) 8.5%, oklch(55.26% 0.0893 281.72) 10.6%, oklch(58.61% 0.0818 282.40) 12.8%, oklch(61.81% 0.0745 283.06) 14.9%, oklch(64.68% 0.0677 283.71) 17.0%, oklch(67.06% 0.0618 284.30) 19.1%, oklch(68.78% 0.0570 284.82) 21.3%, oklch(69.67% 0.0537 285.24) 23.4%, oklch(69.55% 0.0522 285.55) 25.5%, oklch(68.30% 0.0524 285.80) 27.7%, oklch(66.05% 0.0540 286.02) 29.8%, oklch(63.00% 0.0569 286.20) 31.9%, oklch(59.36% 0.0607 286.35) 34.0%, oklch(55.32% 0.0651 286.44) 36.2%, oklch(51.08% 0.0701 286.48) 38.3%, oklch(46.84% 0.0753 286.46) 40.4%, oklch(42.80% 0.0805 286.38) 42.6%, oklch(39.15% 0.0854 286.22) 44.7%, oklch(36.10% 0.0899 285.99) 46.8%, oklch(33.84% 0.0936 285.67) 48.9%, oklch(32.50% 0.0965 285.23) 51.1%, oklch(31.74% 0.0998 284.44) 53.2%, oklch(31.43% 0.1034 283.37) 55.3%, oklch(31.52% 0.1072 282.10) 57.4%, oklch(31.94% 0.1109 280.71) 59.6%, oklch(32.65% 0.1143 279.32) 61.7%, oklch(33.57% 0.1173 278.00) 63.8%, oklch(34.66% 0.1196 276.85) 66.0%, oklch(35.86% 0.1210 275.96) 68.1%, oklch(37.10% 0.1213 275.42) 70.2%, oklch(38.33% 0.1204 275.32) 72.3%, oklch(39.49% 0.1180 275.77) 74.5%, oklch(40.65% 0.1137 276.86) 76.6%, oklch(42.06% 0.1071 278.66) 78.7%, oklch(43.67% 0.0986 281.03) 80.9%, oklch(45.44% 0.0887 283.84) 83.0%, oklch(47.30% 0.0777 286.97) 85.1%, oklch(49.20% 0.0662 290.28) 87.2%, oklch(51.08% 0.0546 293.64) 89.4%, oklch(52.89% 0.0432 296.92) 91.5%, oklch(54.57% 0.0326 299.99) 93.6%, oklch(56.06% 0.0232 302.71) 95.7%, oklch(57.31% 0.0154 304.97) 97.9%, oklch(58.27% 0.0096 306.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.119 | 279.1 |
| 2 | 0.697 | 0.052 | 285.5 |
| 3 | 0.331 | 0.095 | 285.5 |
| 4 | 0.398 | 0.117 | 276 |
| 5 | 0.583 | 0.01 | 306.6 |

## In these collections

- [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight)

## Other forms

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