# Dark rainbow from navy to black linear gradient

Dark rainbow from navy to black linear gradient with 7 colors: #161d3e, #1b3b2a, #583700, #7b221c, #722e48, #423e4b, #162823. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYPi7BKpKwDAltUzLjvMYo5aEJrw`
- Page: https://grabient.com/kYPi7BKpKwDAltUzLjvMYo5aEJrw
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, dark, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#161d3e` | `oklch(24.41% 0.0634 271.41)` | Nightwalker | white, 16.4 to 1 |
| 2 | `#1b3b2a` | `oklch(32.12% 0.0494 158.55)` | Deep Fir | white, 12.3 to 1 |
| 3 | `#583700` | `oklch(36.67% 0.0788 71.49)` | Eyelash Camel | white, 10.7 to 1 |
| 4 | `#7b221c` | `oklch(39.32% 0.1245 27.76)` | Posh Red | white, 10 to 1 |
| 5 | `#722e48` | `oklch(40.46% 0.0992 358.92)` | Burlat Red | white, 9.5 to 1 |
| 6 | `#423e4b` | `oklch(37.34% 0.0217 297.20)` | Italian Grape | white, 10.3 to 1 |
| 7 | `#162823` | `oklch(25.98% 0.0262 174.89)` | Swamp Thing | white, 15.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #161d3e 0.0%, #1b3b2a 16.7%, #583700 33.3%, #7b221c 50.0%, #722e48 66.7%, #423e4b 83.3%, #162823 100.0%);
background: linear-gradient(90deg in oklch, oklch(24.41% 0.0634 271.41) 0.0%, oklch(32.12% 0.0494 158.55) 16.7%, oklch(36.67% 0.0788 71.49) 33.3%, oklch(39.32% 0.1245 27.76) 50.0%, oklch(40.46% 0.0992 358.92) 66.7%, oklch(37.34% 0.0217 297.20) 83.3%, oklch(25.98% 0.0262 174.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.244 | 0.063 | 271.4 |
| 2 | 0.335 | 0.051 | 137.2 |
| 3 | 0.378 | 0.103 | 47.4 |
| 4 | 0.402 | 0.127 | 12.5 |
| 5 | 0.39 | 0.028 | -42.4 |
| 6 | 0.26 | 0.026 | -185.1 |

## Other forms

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