# Muted rainbow from blue to dark green linear gradient

Muted rainbow from blue to dark green linear gradient with 32 colors: #5f72a8, #606fa4, #626a9e, #646597, #655f90, #655b88, #655782, #65557e, #65557c, #65577f, #655b83, #646189, #64678f, #656d94, #66729a, #6a759e, #7176a2, #7b75a6, #8973a7, #996fa2, #a96b96, #b66781, #bb6567, #b7674a, #a96a2e, #8f6d1b, #6c6d24, #476938, #276047, #15554e, #154b50, #19434e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWjj-_PRhEEkYPJLqM9LZJUY`
- Page: https://grabient.com/kWjj-_PRhEEkYPJLqM9LZJUY?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: muted, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.6 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 | `#5f72a8` | `oklch(55.91% 0.0868 268.59)` | Dormitory | white, 4.7 to 1 |
| 2 | `#606fa4` | `oklch(55.15% 0.0850 271.85)` | Dormitory | white, 4.8 to 1 |
| 3 | `#626a9e` | `oklch(54.00% 0.0824 276.68)` | Dusted Peri | white, 5.1 to 1 |
| 4 | `#646597` | `oklch(52.63% 0.0794 282.47)` | Dark Horizon | white, 5.4 to 1 |
| 5 | `#655f90` | `oklch(51.20% 0.0761 288.57)` | Corsican Blue | white, 5.8 to 1 |
| 6 | `#655b88` | `oklch(49.87% 0.0728 294.36)` | Purple Balloon | white, 6.1 to 1 |
| 7 | `#655782` | `oklch(48.79% 0.0698 299.19)` | Berry Jam | white, 6.4 to 1 |
| 8 | `#65557e` | `oklch(48.14% 0.0674 302.45)` | Vigorous Violet | white, 6.6 to 1 |
| 9 | `#65557c` | `oklch(48.08% 0.0658 303.42)` | Berry Syrup | white, 6.6 to 1 |
| 10 | `#65577f` | `oklch(48.65% 0.0645 300.73)` | Vigorous Violet | white, 6.5 to 1 |
| 11 | `#655b83` | `oklch(49.73% 0.0633 295.08)` | Purple Valley | white, 6.2 to 1 |
| 12 | `#646189` | `oklch(51.15% 0.0624 287.89)` | Majestic Purple | white, 5.8 to 1 |
| 13 | `#64678f` | `oklch(52.75% 0.0619 280.60)` | Twilight Purple | white, 5.4 to 1 |
| 14 | `#656d94` | `oklch(54.38% 0.0620 274.64)` | Wild Wisteria | white, 5 to 1 |
| 15 | `#66729a` | `oklch(55.86% 0.0630 271.44)` | Blueberry Patch | white, 4.7 to 1 |
| 16 | `#6a759e` | `oklch(57.05% 0.0648 272.42)` | Velvet Morning | black, 4.6 to 1 |
| 17 | `#7176a2` | `oklch(57.87% 0.0680 278.76)` | Bleached Denim | black, 4.8 to 1 |
| 18 | `#7b75a6` | `oklch(58.72% 0.0737 289.46)` | Old Prune | black, 4.9 to 1 |
| 19 | `#8973a7` | `oklch(59.57% 0.0812 303.60)` | Grape Parfait | black, 5 to 1 |
| 20 | `#996fa2` | `oklch(60.31% 0.0896 320.45)` | Dark Lilac | black, 5.1 to 1 |
| 21 | `#a96b96` | `oklch(60.81% 0.0978 339.25)` | Violetta | black, 5.2 to 1 |
| 22 | `#b66781` | `oklch(60.97% 0.1049 359.27)` | Raspberry Parfait | black, 5.2 to 1 |
| 23 | `#bb6567` | `oklch(60.66% 0.1099 19.76)` | Terra Rosa | black, 5.1 to 1 |
| 24 | `#b7674a` | `oklch(59.78% 0.1117 39.99)` | Brown Wood | black, 5 to 1 |
| 25 | `#a96a2e` | `oklch(58.07% 0.1096 60.71)` | Golden Oak | black, 4.7 to 1 |
| 26 | `#8f6d1b` | `oklch(55.38% 0.1037 84.54)` | Sassy Olive | white, 4.8 to 1 |
| 27 | `#6c6d24` | `oklch(52.00% 0.0950 110.25)` | Safari Green | white, 5.4 to 1 |
| 28 | `#476938` | `oklch(48.24% 0.0848 136.45)` | Tree Shade | white, 6.2 to 1 |
| 29 | `#276047` | `oklch(44.43% 0.0740 161.75)` | Green Pea | white, 7.3 to 1 |
| 30 | `#15554e` | `oklch(40.88% 0.0639 184.74)` | Cape Verde | white, 8.5 to 1 |
| 31 | `#154b50` | `oklch(37.90% 0.0554 204.03)` | Port Malmesbury | white, 9.8 to 1 |
| 32 | `#19434e` | `oklch(35.83% 0.0496 218.22)` | Cold and Dark | white, 10.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #5f72a8 0.0%, #606fa4 3.2%, #626a9e 6.5%, #646597 9.7%, #655f90 12.9%, #655b88 16.1%, #655782 19.4%, #65557e 22.6%, #65557c 25.8%, #65577f 29.0%, #655b83 32.3%, #646189 35.5%, #64678f 38.7%, #656d94 41.9%, #66729a 45.2%, #6a759e 48.4%, #7176a2 51.6%, #7b75a6 54.8%, #8973a7 58.1%, #996fa2 61.3%, #a96b96 64.5%, #b66781 67.7%, #bb6567 71.0%, #b7674a 74.2%, #a96a2e 77.4%, #8f6d1b 80.6%, #6c6d24 83.9%, #476938 87.1%, #276047 90.3%, #15554e 93.5%, #154b50 96.8%, #19434e 100.0%);
background: linear-gradient(225deg in oklch, oklch(55.91% 0.0868 268.59) 0.0%, oklch(55.15% 0.0850 271.85) 3.2%, oklch(54.00% 0.0824 276.68) 6.5%, oklch(52.63% 0.0794 282.47) 9.7%, oklch(51.20% 0.0761 288.57) 12.9%, oklch(49.87% 0.0728 294.36) 16.1%, oklch(48.79% 0.0698 299.19) 19.4%, oklch(48.14% 0.0674 302.45) 22.6%, oklch(48.08% 0.0658 303.42) 25.8%, oklch(48.65% 0.0645 300.73) 29.0%, oklch(49.73% 0.0633 295.08) 32.3%, oklch(51.15% 0.0624 287.89) 35.5%, oklch(52.75% 0.0619 280.60) 38.7%, oklch(54.38% 0.0620 274.64) 41.9%, oklch(55.86% 0.0630 271.44) 45.2%, oklch(57.05% 0.0648 272.42) 48.4%, oklch(57.87% 0.0680 278.76) 51.6%, oklch(58.72% 0.0737 289.46) 54.8%, oklch(59.57% 0.0812 303.60) 58.1%, oklch(60.31% 0.0896 320.45) 61.3%, oklch(60.81% 0.0978 339.25) 64.5%, oklch(60.97% 0.1049 359.27) 67.7%, oklch(60.66% 0.1099 19.76) 71.0%, oklch(59.78% 0.1117 39.99) 74.2%, oklch(58.07% 0.1096 60.71) 77.4%, oklch(55.38% 0.1037 84.54) 80.6%, oklch(52.00% 0.0950 110.25) 83.9%, oklch(48.24% 0.0848 136.45) 87.1%, oklch(44.43% 0.0740 161.75) 90.3%, oklch(40.88% 0.0639 184.74) 93.5%, oklch(37.90% 0.0554 204.03) 96.8%, oklch(35.83% 0.0496 218.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.087 | 268.6 |
| 2 | 0.48 | 0.066 | 303.5 |
| 3 | 0.575 | 0.066 | 274.9 |
| 4 | 0.594 | 0.112 | 404.9 |
| 5 | 0.358 | 0.05 | 578.2 |

## Other forms

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