# Black red horizontal bands

Black and red linear swatches with 7 colors: #000010, #00112d, #1d3938, #50331c, #920800, #d60404, #ff2219. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black and red linear swatches
- Seed: `kaEy-9Fxi-ykMuEslDANT28sZRv9RXb_g`
- Page: https://grabient.com/kaEy-9Fxi-ykMuEslDANT28sZRv9RXb_g?style=linearSwatches&angle=0
- Drawn as: linear swatches, 7 steps, 0 degrees
- Kinds: dark to light, vivid, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.4 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 | `#000010` | `oklch(7.85% 0.0533 266.12)` | Benthic Black | white, 20.8 to 1 |
| 2 | `#00112d` | `oklch(18.14% 0.0637 256.73)` | Squid’s Ink | white, 18.8 to 1 |
| 3 | `#1d3938` | `oklch(32.28% 0.0344 191.81)` | Kōrainando Green | white, 12.3 to 1 |
| 4 | `#50331c` | `oklch(35.04% 0.0551 57.60)` | Brown Bramble | white, 11.4 to 1 |
| 5 | `#920800` | `oklch(41.73% 0.1671 30.06)` | Scoville Highness | white, 9.3 to 1 |
| 6 | `#d60404` | `oklch(55.12% 0.2246 29.07)` | Red Republic | white, 5.4 to 1 |
| 7 | `#ff2219` | `oklch(63.78% 0.2480 29.07)` | Janemba Red | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(0deg, #000010 0.000% 14.286%, #00112d 14.286% 28.571%, #1d3938 28.571% 42.857%, #50331c 42.857% 57.143%, #920800 57.143% 71.429%, #d60404 71.429% 85.714%, #ff2219 85.714% 100.000%);
background: linear-gradient(0deg, oklch(7.85% 0.0533 266.12) 0.000% 14.286%, oklch(18.14% 0.0637 256.73) 14.286% 28.571%, oklch(32.28% 0.0344 191.81) 28.571% 42.857%, oklch(35.04% 0.0551 57.60) 42.857% 57.143%, oklch(41.73% 0.1671 30.06) 57.143% 71.429%, oklch(55.12% 0.2246 29.07) 71.429% 85.714%, oklch(63.78% 0.2480 29.07) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.075 | 0.065 | 265.8 |
| 2 | 0.181 | 0.068 | 256.3 |
| 3 | 0.323 | 0.034 | 191.8 |
| 4 | 0.35 | 0.055 | 57.6 |
| 5 | 0.417 | 0.169 | 30.1 |
| 6 | 0.551 | 0.225 | 29.1 |
| 7 | 0.638 | 0.258 | 29.1 |

## In these collections

- [Red and black](https://grabient.com/red-and-black)

## Other forms

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