# Orange, red, dark purple and teal linear gradient

Orange, red, dark purple and teal linear gradient with 7 colors: #d2774b, #c95530, #aa3521, #7c251a, #4e2533, #33333d, #175758. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqF0gyTo-zq1vysIT7qAY2LUWs-`
- Page: https://grabient.com/kYqF0gyTo-zq1vysIT7qAY2LUWs-
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.9 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 | `#d2774b` | `oklch(66.14% 0.1281 45.70)` | Brazen Orange | black, 6.4 to 1 |
| 2 | `#c95530` | `oklch(59.18% 0.1567 37.70)` | Spicy Tomato | black, 4.8 to 1 |
| 3 | `#aa3521` | `oklch(49.97% 0.1565 32.00)` | Chinese Night | white, 6.4 to 1 |
| 4 | `#7c251a` | `oklch(39.84% 0.1231 30.38)` | Posh Red | white, 9.8 to 1 |
| 5 | `#4e2533` | `oklch(32.49% 0.0630 0.11)` | Carambar | white, 12.8 to 1 |
| 6 | `#33333d` | `oklch(32.55% 0.0177 281.99)` | Witches Cauldron | white, 12.4 to 1 |
| 7 | `#175758` | `oklch(41.73% 0.0620 197.52)` | Deep Sea Green | white, 8.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d2774b 0.0%, #c95530 16.7%, #aa3521 33.3%, #7c251a 50.0%, #4e2533 66.7%, #33333d 83.3%, #175758 100.0%);
background: linear-gradient(90deg in oklch, oklch(66.14% 0.1281 45.70) 0.0%, oklch(59.18% 0.1567 37.70) 16.7%, oklch(49.97% 0.1565 32.00) 33.3%, oklch(39.84% 0.1231 30.38) 50.0%, oklch(32.49% 0.0630 0.11) 66.7%, oklch(32.55% 0.0177 281.99) 83.3%, oklch(41.73% 0.0620 197.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.128 | 45.7 |
| 2 | 0.575 | 0.16 | 36.2 |
| 3 | 0.461 | 0.147 | 29.9 |
| 4 | 0.346 | 0.091 | 21.4 |
| 5 | 0.315 | 0.017 | -61 |
| 6 | 0.417 | 0.062 | -162.5 |

## In these collections

- [Waratah bushland bloom](https://grabient.com/waratah-bushland-bloom)

## Other forms

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