# Rainbow from blue to dark green linear gradient

Rainbow from blue to dark green linear gradient with 48 colors: #164d7b, #234c7d, #304b80, #3c4b82, #494a83, #554982, #61487f, #6d487b, #774874, #80496c, #874a63, #8d4d5a, #905050, #925448, #915940, #905d39, #8c6135, #886532, #836931, #7c6c32, #757036, #6d733b, #657541, #5c7747, #53784e, #4b7854, #43785a, #3c775f, #367664, #317467, #2d7269, #296f69, #276b69, #246766, #216262, #1e5d5e, #1a5758, #175151, #134b4b, #0f4544, #0b403d, #083a36, #053430, #032f2a, #022b25, #012721, #00231d, #00211b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUaEWwwx5Ub6ZTwcDz6A`
- Page: https://grabient.com/kUaEWwwx5Ub6ZTwcDz6A?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#164d7b` | `oklch(40.94% 0.0951 248.20)` | Seashell Cove | white, 8.8 to 1 |
| 2 | `#234c7d` | `oklch(41.40% 0.0946 254.50)` | Nautical | white, 8.7 to 1 |
| 3 | `#304b80` | `oklch(41.99% 0.0941 262.23)` | Nautical | white, 8.5 to 1 |
| 4 | `#3c4b82` | `oklch(42.69% 0.0935 271.22)` | Dive In | white, 8.3 to 1 |
| 5 | `#494a83` | `oklch(43.50% 0.0928 281.29)` | Highlands Twilight | white, 8.1 to 1 |
| 6 | `#554982` | `oklch(44.37% 0.0921 292.27)` | Victoria | white, 7.8 to 1 |
| 7 | `#61487f` | `oklch(45.30% 0.0913 304.00)` | Violet Majesty | white, 7.6 to 1 |
| 8 | `#6d487b` | `oklch(46.26% 0.0905 316.30)` | Perfectly Purple | white, 7.3 to 1 |
| 9 | `#774874` | `oklch(47.23% 0.0896 329.00)` | Purple Passion | white, 7 to 1 |
| 10 | `#80496c` | `oklch(48.19% 0.0887 341.94)` | Madder Magenta | white, 6.8 to 1 |
| 11 | `#874a63` | `oklch(49.12% 0.0878 354.94)` | Damson | white, 6.5 to 1 |
| 12 | `#8d4d5a` | `oklch(50.00% 0.0869 7.82)` | Rialto | white, 6.2 to 1 |
| 13 | `#905050` | `oklch(50.80% 0.0859 20.43)` | Apple Butter | white, 6 to 1 |
| 14 | `#925448` | `oklch(51.50% 0.0850 32.59)` | Prairie Clay | white, 5.8 to 1 |
| 15 | `#915940` | `oklch(52.09% 0.0841 44.13)` | Spiced Cider | white, 5.6 to 1 |
| 16 | `#905d39` | `oklch(52.54% 0.0832 54.87)` | Carrageen Moss | white, 5.5 to 1 |
| 17 | `#8c6135` | `oklch(52.84% 0.0824 64.72)` | McKenzie | white, 5.4 to 1 |
| 18 | `#886532` | `oklch(53.08% 0.0816 74.47)` | Dirt Brown | white, 5.3 to 1 |
| 19 | `#836931` | `oklch(53.28% 0.0808 84.32)` | By Gum | white, 5.2 to 1 |
| 20 | `#7c6c32` | `oklch(53.44% 0.0801 94.20)` | Musket | white, 5.1 to 1 |
| 21 | `#757036` | `oklch(53.54% 0.0793 104.03)` | Tuscan Hills | white, 5.1 to 1 |
| 22 | `#6d733b` | `oklch(53.59% 0.0786 113.74)` | Swamp Shrub | white, 5 to 1 |
| 23 | `#657541` | `oklch(53.57% 0.0779 123.25)` | Cedar Green | white, 5 to 1 |
| 24 | `#5c7747` | `oklch(53.49% 0.0771 132.50)` | Jolly Green | white, 5 to 1 |
| 25 | `#53784e` | `oklch(53.33% 0.0763 141.41)` | Torrey Pine | white, 5 to 1 |
| 26 | `#4b7854` | `oklch(53.09% 0.0755 149.91)` | Killarney | white, 5 to 1 |
| 27 | `#43785a` | `oklch(52.75% 0.0747 157.91)` | Liquid Green Stuff | white, 5.1 to 1 |
| 28 | `#3c775f` | `oklch(52.33% 0.0737 165.36)` | Scouring Rush | white, 5.2 to 1 |
| 29 | `#367664` | `oklch(51.80% 0.0728 172.18)` | Majorelle Gardens | white, 5.3 to 1 |
| 30 | `#317467` | `oklch(51.16% 0.0717 178.29)` | Nominee | white, 5.4 to 1 |
| 31 | `#2d7269` | `oklch(50.41% 0.0706 183.61)` | Advantageous | white, 5.6 to 1 |
| 32 | `#296f69` | `oklch(49.53% 0.0693 188.09)` | Advantageous | white, 5.9 to 1 |
| 33 | `#276b69` | `oklch(48.49% 0.0680 191.59)` | Mosaic Tile | white, 6.1 to 1 |
| 34 | `#246766` | `oklch(47.19% 0.0664 194.01)` | Dusky Alpine Blue | white, 6.5 to 1 |
| 35 | `#216262` | `oklch(45.65% 0.0647 195.43)` | Verdant Forest | white, 7 to 1 |
| 36 | `#1e5d5e` | `oklch(43.91% 0.0628 195.99)` | Emerald Pool | white, 7.5 to 1 |
| 37 | `#1a5758` | `oklch(42.01% 0.0608 195.79)` | Deep Sea Green | white, 8.2 to 1 |
| 38 | `#175151` | `oklch(39.99% 0.0588 194.97)` | Deep Sanction | white, 8.9 to 1 |
| 39 | `#134b4b` | `oklch(37.90% 0.0567 193.62)` | Port Malmesbury | white, 9.7 to 1 |
| 40 | `#0f4544` | `oklch(35.77% 0.0546 191.88)` | Cyprus | white, 10.6 to 1 |
| 41 | `#0b403d` | `oklch(33.63% 0.0525 189.85)` | Botanical Night | white, 11.6 to 1 |
| 42 | `#083a36` | `oklch(31.54% 0.0505 187.67)` | Night Turquoise | white, 12.6 to 1 |
| 43 | `#053430` | `oklch(29.53% 0.0486 185.44)` | Fence Green | white, 13.5 to 1 |
| 44 | `#032f2a` | `oklch(27.63% 0.0468 183.28)` | Guerrilla Forest | white, 14.4 to 1 |
| 45 | `#022b25` | `oklch(25.90% 0.0451 181.32)` | Guerrilla Forest | white, 15.3 to 1 |
| 46 | `#012721` | `oklch(24.36% 0.0436 179.66)` | Deep Slate Green | white, 16 to 1 |
| 47 | `#00231d` | `oklch(23.07% 0.0423 178.42)` | Stellar Explorer | white, 16.6 to 1 |
| 48 | `#00211b` | `oklch(22.07% 0.0407 177.64)` | Stellar Explorer | white, 17 to 1 |

## CSS

```css
background: linear-gradient(135deg, #164d7b 0.0%, #234c7d 2.1%, #304b80 4.3%, #3c4b82 6.4%, #494a83 8.5%, #554982 10.6%, #61487f 12.8%, #6d487b 14.9%, #774874 17.0%, #80496c 19.1%, #874a63 21.3%, #8d4d5a 23.4%, #905050 25.5%, #925448 27.7%, #915940 29.8%, #905d39 31.9%, #8c6135 34.0%, #886532 36.2%, #836931 38.3%, #7c6c32 40.4%, #757036 42.6%, #6d733b 44.7%, #657541 46.8%, #5c7747 48.9%, #53784e 51.1%, #4b7854 53.2%, #43785a 55.3%, #3c775f 57.4%, #367664 59.6%, #317467 61.7%, #2d7269 63.8%, #296f69 66.0%, #276b69 68.1%, #246766 70.2%, #216262 72.3%, #1e5d5e 74.5%, #1a5758 76.6%, #175151 78.7%, #134b4b 80.9%, #0f4544 83.0%, #0b403d 85.1%, #083a36 87.2%, #053430 89.4%, #032f2a 91.5%, #022b25 93.6%, #012721 95.7%, #00231d 97.9%, #00211b 100.0%);
background: linear-gradient(135deg in oklch, oklch(40.94% 0.0951 248.20) 0.0%, oklch(41.40% 0.0946 254.50) 2.1%, oklch(41.99% 0.0941 262.23) 4.3%, oklch(42.69% 0.0935 271.22) 6.4%, oklch(43.50% 0.0928 281.29) 8.5%, oklch(44.37% 0.0921 292.27) 10.6%, oklch(45.30% 0.0913 304.00) 12.8%, oklch(46.26% 0.0905 316.30) 14.9%, oklch(47.23% 0.0896 329.00) 17.0%, oklch(48.19% 0.0887 341.94) 19.1%, oklch(49.12% 0.0878 354.94) 21.3%, oklch(50.00% 0.0869 7.82) 23.4%, oklch(50.80% 0.0859 20.43) 25.5%, oklch(51.50% 0.0850 32.59) 27.7%, oklch(52.09% 0.0841 44.13) 29.8%, oklch(52.54% 0.0832 54.87) 31.9%, oklch(52.84% 0.0824 64.72) 34.0%, oklch(53.08% 0.0816 74.47) 36.2%, oklch(53.28% 0.0808 84.32) 38.3%, oklch(53.44% 0.0801 94.20) 40.4%, oklch(53.54% 0.0793 104.03) 42.6%, oklch(53.59% 0.0786 113.74) 44.7%, oklch(53.57% 0.0779 123.25) 46.8%, oklch(53.49% 0.0771 132.50) 48.9%, oklch(53.33% 0.0763 141.41) 51.1%, oklch(53.09% 0.0755 149.91) 53.2%, oklch(52.75% 0.0747 157.91) 55.3%, oklch(52.33% 0.0737 165.36) 57.4%, oklch(51.80% 0.0728 172.18) 59.6%, oklch(51.16% 0.0717 178.29) 61.7%, oklch(50.41% 0.0706 183.61) 63.8%, oklch(49.53% 0.0693 188.09) 66.0%, oklch(48.49% 0.0680 191.59) 68.1%, oklch(47.19% 0.0664 194.01) 70.2%, oklch(45.65% 0.0647 195.43) 72.3%, oklch(43.91% 0.0628 195.99) 74.5%, oklch(42.01% 0.0608 195.79) 76.6%, oklch(39.99% 0.0588 194.97) 78.7%, oklch(37.90% 0.0567 193.62) 80.9%, oklch(35.77% 0.0546 191.88) 83.0%, oklch(33.63% 0.0525 189.85) 85.1%, oklch(31.54% 0.0505 187.67) 87.2%, oklch(29.53% 0.0486 185.44) 89.4%, oklch(27.63% 0.0468 183.28) 91.5%, oklch(25.90% 0.0451 181.32) 93.6%, oklch(24.36% 0.0436 179.66) 95.7%, oklch(23.07% 0.0423 178.42) 97.9%, oklch(22.07% 0.0407 177.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.095 | 248.2 |
| 2 | 0.528 | 0.083 | 421.5 |
| 3 | 0.492 | 0.069 | 549.4 |
| 4 | 0.22 | 0.041 | 537.8 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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