# Blue, purple, brown and green linear gradient

Blue, purple, brown and green linear gradient with 7 colors: #42628f, #5e5376, #825463, #a46754, #b98451, #b4a05f, #9bb475. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYfTu2u5RGEMaSHPokO2SBEF2hRI`
- Page: https://grabient.com/kYfTu2u5RGEMaSHPokO2SBEF2hRI
- Drawn as: linear gradient, 7 steps, 90 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3 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 | `#42628f` | `oklch(49.21% 0.0813 256.64)` | Blue Beret | white, 6.2 to 1 |
| 2 | `#5e5376` | `oklch(46.79% 0.0573 298.03)` | Benikakehana Purple | white, 7 to 1 |
| 3 | `#825463` | `oklch(50.19% 0.0642 358.56)` | Renaissance Rose | white, 6.1 to 1 |
| 4 | `#a46754` | `oklch(57.58% 0.0841 38.44)` | Sizzling Hot | black, 4.6 to 1 |
| 5 | `#b98451` | `oklch(65.41% 0.0936 63.22)` | Cinnamon Sand | black, 6.4 to 1 |
| 6 | `#b4a05f` | `oklch(70.94% 0.0882 93.58)` | Apple Wine | black, 8.1 to 1 |
| 7 | `#9bb475` | `oklch(73.62% 0.0909 125.96)` | Florence | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #42628f 0.0%, #5e5376 16.7%, #825463 33.3%, #a46754 50.0%, #b98451 66.7%, #b4a05f 83.3%, #9bb475 100.0%);
background: linear-gradient(90deg in oklch, oklch(49.21% 0.0813 256.64) 0.0%, oklch(46.79% 0.0573 298.03) 16.7%, oklch(50.19% 0.0642 358.56) 33.3%, oklch(57.58% 0.0841 38.44) 50.0%, oklch(65.41% 0.0936 63.22) 66.7%, oklch(70.94% 0.0882 93.58) 83.3%, oklch(73.62% 0.0909 125.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.081 | 256.6 |
| 2 | 0.469 | 0.055 | 308.4 |
| 3 | 0.528 | 0.072 | 380.3 |
| 4 | 0.626 | 0.094 | 412 |
| 5 | 0.701 | 0.088 | 446.9 |
| 6 | 0.736 | 0.091 | 486 |

## In these collections

- [Dusty blue bridal flowers](https://grabient.com/dusty-blue-bridal-flowers)

## Other forms

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