# Blue to tan linear gradient

Blue to tan linear gradient with 8 colors: #1f459f, #25528c, #3c6576, #5a7d63, #7d9454, #a1a74c, #c1b54c, #d7bb51. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kca2-7t6e_D2TvFGlLc0KI81mqPnhLj7ZS6-4`
- Page: https://grabient.com/kca2-7t6e_D2TvFGlLc0KI81mqPnhLj7ZS6-4?steps=8&angle=180
- Drawn as: linear gradient, 8 steps, 180 degrees
- Kinds: dark to light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#1f459f` | `oklch(42.13% 0.1530 263.67)` | Space Explorer | white, 8.6 to 1 |
| 2 | `#25528c` | `oklch(43.70% 0.1089 256.27)` | Vegeta Blue | white, 7.9 to 1 |
| 3 | `#3c6576` | `oklch(48.43% 0.0537 225.63)` | Barbados | white, 6.3 to 1 |
| 4 | `#5a7d63` | `oklch(55.51% 0.0565 151.66)` | Korean Mint | white, 4.6 to 1 |
| 5 | `#7d9454` | `oklch(63.39% 0.0937 125.24)` | Vegetarian Veteran | black, 6.2 to 1 |
| 6 | `#a1a74c` | `oklch(70.47% 0.1157 112.56)` | Olive Reserve | black, 8.1 to 1 |
| 7 | `#c1b54c` | `oklch(76.38% 0.1268 103.05)` | Parachute | black, 10 to 1 |
| 8 | `#d7bb51` | `oklch(79.53% 0.1281 94.59)` | Golden Bass | black, 11 to 1 |

## CSS

```css
background: linear-gradient(180deg, #1f459f 0.0%, #25528c 14.3%, #3c6576 28.6%, #5a7d63 42.9%, #7d9454 57.1%, #a1a74c 71.4%, #c1b54c 85.7%, #d7bb51 100.0%);
background: linear-gradient(180deg in oklch, oklch(42.13% 0.1530 263.67) 0.0%, oklch(43.70% 0.1089 256.27) 14.3%, oklch(48.43% 0.0537 225.63) 28.6%, oklch(55.51% 0.0565 151.66) 42.9%, oklch(63.39% 0.0937 125.24) 57.1%, oklch(70.47% 0.1157 112.56) 71.4%, oklch(76.38% 0.1268 103.05) 85.7%, oklch(79.53% 0.1281 94.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.153 | 263.7 |
| 2 | 0.437 | 0.109 | 256.3 |
| 3 | 0.484 | 0.054 | 225.6 |
| 4 | 0.555 | 0.056 | 151.7 |
| 5 | 0.634 | 0.094 | 125.2 |
| 6 | 0.705 | 0.116 | 112.6 |
| 7 | 0.764 | 0.127 | 103 |
| 8 | 0.795 | 0.128 | 94.6 |

## In these collections

- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)

## Other forms

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