# Magenta blue amber diagonal haze

Green, brown, blue and purple linear gradient with 8 colors: #006c29, #917e41, #d08888, #647ba5, #3b69bc, #c24fb8, #b620a7, #300073. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, brown, blue and purple linear gradient
- Seed: `kcdmdpzB65VkgN1KGbIQ7K_05FyDF0kApLw6w`
- Page: https://grabient.com/kcdmdpzB65VkgN1KGbIQ7K_05FyDF0kApLw6w?steps=8&angle=315
- Drawn as: linear gradient, 8 steps, 315 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.5 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 | `#006c29` | `oklch(46.46% 0.1333 148.34)` | Ireland Green | white, 6.5 to 1 |
| 2 | `#917e41` | `oklch(59.84% 0.0841 92.35)` | Cardueline Finch | black, 5.2 to 1 |
| 3 | `#d08888` | `oklch(70.08% 0.0882 19.44)` | Almond Rose | black, 7.5 to 1 |
| 4 | `#647ba5` | `oklch(58.27% 0.0703 262.14)` | Miracle Elixir | black, 4.9 to 1 |
| 5 | `#3b69bc` | `oklch(53.15% 0.1392 261.08)` | Matt Blue | white, 5.3 to 1 |
| 6 | `#c24fb8` | `oklch(61.42% 0.1915 330.83)` | Still Fuchsia | black, 5 to 1 |
| 7 | `#b620a7` | `oklch(54.72% 0.2260 332.94)` | Amora Purple | white, 5.5 to 1 |
| 8 | `#300073` | `oklch(28.77% 0.1632 289.58)` | Galactic Federation | white, 15.2 to 1 |

## CSS

```css
background: linear-gradient(315deg, #006c29 0.0%, #917e41 14.3%, #d08888 28.6%, #647ba5 42.9%, #3b69bc 57.1%, #c24fb8 71.4%, #b620a7 85.7%, #300073 100.0%);
background: linear-gradient(315deg in oklch, oklch(46.46% 0.1333 148.34) 0.0%, oklch(59.84% 0.0841 92.35) 14.3%, oklch(70.08% 0.0882 19.44) 28.6%, oklch(58.27% 0.0703 262.14) 42.9%, oklch(53.15% 0.1392 261.08) 57.1%, oklch(61.42% 0.1915 330.83) 71.4%, oklch(54.72% 0.2260 332.94) 85.7%, oklch(28.77% 0.1632 289.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.142 | 148.4 |
| 2 | 0.598 | 0.084 | 92.4 |
| 3 | 0.701 | 0.088 | 19.4 |
| 4 | 0.583 | 0.07 | -97.9 |
| 5 | 0.531 | 0.139 | -98.9 |
| 6 | 0.614 | 0.192 | -29.2 |
| 7 | 0.547 | 0.226 | -27.1 |
| 8 | 0.287 | 0.165 | -70.4 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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