# Indigo moss rose gradient

Muted rainbow from navy to brown linear gradient with 32 colors: #0a0e1d, #0d1224, #10172f, #141d3c, #19244b, #1f2c59, #253266, #2f3971, #3f3f7b, #504584, #604b8b, #6b5191, #6d5797, #625e9d, #47639a, #1d6789, #00666b, #1b624e, #375d39, #475c31, #536332, #5d6e3a, #667b44, #6e884e, #789152, #84934e, #938c40, #a17f36, #aa6f39, #aa6047, #a55556, #9f5061. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from navy to brown linear gradient
- Seed: `kYKxfBK6G_0Ekws4Gi0UKK-UOmsm`
- Page: https://grabient.com/kYKxfBK6G_0Ekws4Gi0UKK-UOmsm?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.7 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 | `#0a0e1d` | `oklch(16.93% 0.0317 271.41)` | Nyctophobia | white, 19.1 to 1 |
| 2 | `#0d1224` | `oklch(18.74% 0.0386 271.02)` | Corbeau | white, 18.6 to 1 |
| 3 | `#10172f` | `oklch(21.25% 0.0486 270.25)` | Liberty Blue | white, 17.7 to 1 |
| 4 | `#141d3c` | `oklch(24.22% 0.0603 269.43)` | Nightwalker | white, 16.4 to 1 |
| 5 | `#19244b` | `oklch(27.43% 0.0722 268.89)` | Rurikon Blue | white, 15 to 1 |
| 6 | `#1f2c59` | `oklch(30.66% 0.0830 268.97)` | Ultramarine Violet | white, 13.5 to 1 |
| 7 | `#253266` | `oklch(33.69% 0.0911 270.00)` | Underwater Realm | white, 12.1 to 1 |
| 8 | `#2f3971` | `oklch(36.63% 0.0962 273.58)` | Spirit Blue | white, 10.8 to 1 |
| 9 | `#3f3f7b` | `oklch(39.91% 0.0997 281.05)` | Jacksons Purple | white, 9.5 to 1 |
| 10 | `#504584` | `oklch(43.27% 0.1017 289.89)` | Fresh Eggplant | white, 8.3 to 1 |
| 11 | `#604b8b` | `oklch(46.39% 0.1025 297.45)` | Purple Corallite | white, 7.3 to 1 |
| 12 | `#6b5191` | `oklch(48.99% 0.1023 301.11)` | Pure Mauve | white, 6.5 to 1 |
| 13 | `#6d5797` | `oklch(50.77% 0.1012 298.23)` | Rollick | white, 6 to 1 |
| 14 | `#625e9d` | `oklch(51.33% 0.0990 285.85)` | Giant Onion | white, 5.8 to 1 |
| 15 | `#47639a` | `oklch(50.41% 0.0945 262.93)` | Mariner | white, 5.9 to 1 |
| 16 | `#1d6789` | `oklch(48.56% 0.0884 233.29)` | Bondi | white, 6.2 to 1 |
| 17 | `#00666b` | `oklch(46.43% 0.0790 201.09)` | Joyful Tears | white, 6.7 to 1 |
| 18 | `#1b624e` | `oklch(44.64% 0.0763 170.45)` | Teal Drama | white, 7.2 to 1 |
| 19 | `#375d39` | `oklch(43.84% 0.0725 145.55)` | Verde Garrafa | white, 7.5 to 1 |
| 20 | `#475c31` | `oklch(44.65% 0.0717 130.28)` | Woodman | white, 7.3 to 1 |
| 21 | `#536332` | `oklch(47.25% 0.0736 124.10)` | Basil Green | white, 6.6 to 1 |
| 22 | `#5d6e3a` | `oklch(51.00% 0.0775 123.77)` | Crisp Capsicum | white, 5.6 to 1 |
| 23 | `#667b44` | `oklch(55.20% 0.0824 126.21)` | Noble Eric | white, 4.6 to 1 |
| 24 | `#6e884e` | `oklch(59.15% 0.0876 128.31)` | Green Suede | black, 5.2 to 1 |
| 25 | `#789152` | `oklch(62.15% 0.0923 126.98)` | Piquant Green | black, 5.9 to 1 |
| 26 | `#84934e` | `oklch(63.50% 0.0956 119.12)` | Scotland Isle | black, 6.2 to 1 |
| 27 | `#938c40` | `oklch(63.11% 0.0982 103.85)` | Highball | black, 6 to 1 |
| 28 | `#a17f36` | `oklch(61.52% 0.1004 83.63)` | Tau Sept Ochre | black, 5.6 to 1 |
| 29 | `#aa6f39` | `oklch(59.23% 0.1022 61.15)` | Byzantine Copper | black, 5 to 1 |
| 30 | `#aa6047` | `oklch(56.73% 0.1038 39.13)` | Borneo | white, 4.7 to 1 |
| 31 | `#a55556` | `oklch(54.54% 0.1051 20.25)` | The Ego Has Landed | white, 5.2 to 1 |
| 32 | `#9f5061` | `oklch(53.15% 0.1061 7.22)` | Cherry Berry | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #0a0e1d 0.0%, #0d1224 3.2%, #10172f 6.5%, #141d3c 9.7%, #19244b 12.9%, #1f2c59 16.1%, #253266 19.4%, #2f3971 22.6%, #3f3f7b 25.8%, #504584 29.0%, #604b8b 32.3%, #6b5191 35.5%, #6d5797 38.7%, #625e9d 41.9%, #47639a 45.2%, #1d6789 48.4%, #00666b 51.6%, #1b624e 54.8%, #375d39 58.1%, #475c31 61.3%, #536332 64.5%, #5d6e3a 67.7%, #667b44 71.0%, #6e884e 74.2%, #789152 77.4%, #84934e 80.6%, #938c40 83.9%, #a17f36 87.1%, #aa6f39 90.3%, #aa6047 93.5%, #a55556 96.8%, #9f5061 100.0%);
background: linear-gradient(225deg in oklch, oklch(16.93% 0.0317 271.41) 0.0%, oklch(18.74% 0.0386 271.02) 3.2%, oklch(21.25% 0.0486 270.25) 6.5%, oklch(24.22% 0.0603 269.43) 9.7%, oklch(27.43% 0.0722 268.89) 12.9%, oklch(30.66% 0.0830 268.97) 16.1%, oklch(33.69% 0.0911 270.00) 19.4%, oklch(36.63% 0.0962 273.58) 22.6%, oklch(39.91% 0.0997 281.05) 25.8%, oklch(43.27% 0.1017 289.89) 29.0%, oklch(46.39% 0.1025 297.45) 32.3%, oklch(48.99% 0.1023 301.11) 35.5%, oklch(50.77% 0.1012 298.23) 38.7%, oklch(51.33% 0.0990 285.85) 41.9%, oklch(50.41% 0.0945 262.93) 45.2%, oklch(48.56% 0.0884 233.29) 48.4%, oklch(46.43% 0.0790 201.09) 51.6%, oklch(44.64% 0.0763 170.45) 54.8%, oklch(43.84% 0.0725 145.55) 58.1%, oklch(44.65% 0.0717 130.28) 61.3%, oklch(47.25% 0.0736 124.10) 64.5%, oklch(51.00% 0.0775 123.77) 67.7%, oklch(55.20% 0.0824 126.21) 71.0%, oklch(59.15% 0.0876 128.31) 74.2%, oklch(62.15% 0.0923 126.98) 77.4%, oklch(63.50% 0.0956 119.12) 80.6%, oklch(63.11% 0.0982 103.85) 83.9%, oklch(61.52% 0.1004 83.63) 87.1%, oklch(59.23% 0.1022 61.15) 90.3%, oklch(56.73% 0.1038 39.13) 93.5%, oklch(54.54% 0.1051 20.25) 96.8%, oklch(53.15% 0.1061 7.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.032 | 271.4 |
| 2 | 0.343 | 0.092 | 270.3 |
| 3 | 0.512 | 0.101 | 294.7 |
| 4 | 0.441 | 0.072 | 135.1 |
| 5 | 0.634 | 0.095 | 121.3 |
| 6 | 0.531 | 0.106 | 7.2 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)

## Other forms

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