# Blue, light green, yellow and beige linear gradient

Blue, light green, yellow and beige linear gradient with 40 colors: #2b72b4, #0e7fba, #0092b8, #00a7b7, #00bfb3, #4ed5a4, #8ce493, #bfee84, #e5f47c, #fbf678, #fef675, #e9f473, #beee78, #7be48b, #00d1a4, #00b3b2, #0097b4, #007eb4, #0067bc, #2057ba, #1b54b6, #005daa, #006a99, #007890, #008889, #00997b, #2cab53, #81b02d, #b1b20c, #cfb51e, #dfba3b, #e8c256, #eccb6f, #edd687, #ede09f, #ede9b5, #eef1ca, #f2f7db, #f6fbe9, #fafef3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWiVuyebauzw80njNyxfgXDA`
- Page: https://grabient.com/kWiVuyebauzw80njNyxfgXDA?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.8 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 | `#2b72b4` | `oklch(53.94% 0.1254 250.31)` | Campanula | white, 5 to 1 |
| 2 | `#0e7fba` | `oklch(56.92% 0.1270 240.02)` | Meissen Blue | black, 4.7 to 1 |
| 3 | `#0092b8` | `oklch(61.30% 0.1161 224.97)` | Blue Danube | black, 5.7 to 1 |
| 4 | `#00a7b7` | `oklch(66.66% 0.1142 206.58)` | Bluebird | black, 7.2 to 1 |
| 5 | `#00bfb3` | `oklch(72.56% 0.1271 186.30)` | Turquoise Topaz | black, 9.1 to 1 |
| 6 | `#4ed5a4` | `oklch(78.57% 0.1371 165.59)` | Mint Jelly | black, 11.3 to 1 |
| 7 | `#8ce493` | `oklch(84.28% 0.1401 145.88)` | VIC 20 Green | black, 13.6 to 1 |
| 8 | `#bfee84` | `oklch(89.26% 0.1431 128.61)` | Green Day | black, 15.7 to 1 |
| 9 | `#e5f47c` | `oklch(93.07% 0.1459 115.24)` | Nuclear Acid | black, 17.5 to 1 |
| 10 | `#fbf678` | `oklch(95.30% 0.1485 107.20)` | Straw Gold | black, 18.5 to 1 |
| 11 | `#fef675` | `oklch(95.50% 0.1507 105.99)` | Straw Gold | black, 18.6 to 1 |
| 12 | `#e9f473` | `oklch(93.29% 0.1529 113.22)` | Nuclear Acid | black, 17.6 to 1 |
| 13 | `#beee78` | `oklch(89.03% 0.1552 127.67)` | Pisco Sour | black, 15.6 to 1 |
| 14 | `#7be48b` | `oklch(83.28% 0.1575 147.30)` | Ragweed | black, 13.2 to 1 |
| 15 | `#00d1a4` | `oklch(76.57% 0.1514 170.09)` | Wild Caribbean Green | black, 10.6 to 1 |
| 16 | `#00b3b2` | `oklch(69.47% 0.1187 194.05)` | Laguna Green | black, 8.1 to 1 |
| 17 | `#0097b4` | `oklch(62.52% 0.1117 217.13)` | Bondi Blue | black, 6.1 to 1 |
| 18 | `#007eb4` | `oklch(56.26% 0.1235 237.34)` | Artesian Water | black, 4.6 to 1 |
| 19 | `#0067bc` | `oklch(51.24% 0.1562 252.63)` | Blue Diamond | white, 5.7 to 1 |
| 20 | `#2057ba` | `oklch(48.01% 0.1666 260.98)` | Cerulean Blue | white, 6.7 to 1 |
| 21 | `#1b54b6` | `oklch(47.00% 0.1668 260.63)` | Sapphire | white, 7 to 1 |
| 22 | `#005daa` | `oklch(47.71% 0.1439 252.26)` | Greek Flag Blue | white, 6.6 to 1 |
| 23 | `#006a99` | `oklch(49.74% 0.1096 237.57)` | Hydra | white, 5.9 to 1 |
| 24 | `#007890` | `oklch(52.82% 0.0951 218.22)` | Bayou Serenade | white, 5.1 to 1 |
| 25 | `#008889` | `oklch(56.67% 0.0966 195.90)` | Green Moblin | black, 4.8 to 1 |
| 26 | `#00997b` | `oklch(60.98% 0.1179 172.27)` | Cadaverous | black, 5.8 to 1 |
| 27 | `#2cab53` | `oklch(65.49% 0.1668 149.02)` | Nordic Grass Green | black, 7 to 1 |
| 28 | `#81b02d` | `oklch(69.89% 0.1640 127.78)` | Football Field | black, 8.1 to 1 |
| 29 | `#b1b20c` | `oklch(73.91% 0.1597 110.24)` | Mustard Green | black, 9.2 to 1 |
| 30 | `#cfb51e` | `oklch(77.26% 0.1534 98.04)` | Mustard | black, 10.2 to 1 |
| 31 | `#dfba3b` | `oklch(79.96% 0.1447 91.83)` | Solarium | black, 11.2 to 1 |
| 32 | `#e8c256` | `oklch(82.62% 0.1326 89.50)` | Luminous Apricot | black, 12.2 to 1 |
| 33 | `#eccb6f` | `oklch(85.24% 0.1180 90.25)` | Bee Pollen | black, 13.3 to 1 |
| 34 | `#edd687` | `oklch(87.79% 0.1017 93.38)` | Passementerie | black, 14.5 to 1 |
| 35 | `#ede09f` | `oklch(90.21% 0.0846 98.18)` | Marsh Mist | black, 15.7 to 1 |
| 36 | `#ede9b5` | `oklch(92.48% 0.0674 103.95)` | Steamy Dumpling | black, 16.9 to 1 |
| 37 | `#eef1ca` | `oklch(94.55% 0.0510 109.96)` | Passionate Pause | black, 18 to 1 |
| 38 | `#f2f7db` | `oklch(96.39% 0.0363 115.52)` | Sprig of Sage | black, 19 to 1 |
| 39 | `#f6fbe9` | `oklch(97.95% 0.0241 119.92)` | Placebo Lime | black, 19.8 to 1 |
| 40 | `#fafef3` | `oklch(99.21% 0.0152 122.45)` | Milk | black, 20.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2b72b4 0.0%, #0e7fba 2.6%, #0092b8 5.1%, #00a7b7 7.7%, #00bfb3 10.3%, #4ed5a4 12.8%, #8ce493 15.4%, #bfee84 17.9%, #e5f47c 20.5%, #fbf678 23.1%, #fef675 25.6%, #e9f473 28.2%, #beee78 30.8%, #7be48b 33.3%, #00d1a4 35.9%, #00b3b2 38.5%, #0097b4 41.0%, #007eb4 43.6%, #0067bc 46.2%, #2057ba 48.7%, #1b54b6 51.3%, #005daa 53.8%, #006a99 56.4%, #007890 59.0%, #008889 61.5%, #00997b 64.1%, #2cab53 66.7%, #81b02d 69.2%, #b1b20c 71.8%, #cfb51e 74.4%, #dfba3b 76.9%, #e8c256 79.5%, #eccb6f 82.1%, #edd687 84.6%, #ede09f 87.2%, #ede9b5 89.7%, #eef1ca 92.3%, #f2f7db 94.9%, #f6fbe9 97.4%, #fafef3 100.0%);
background: linear-gradient(45deg in oklch, oklch(53.94% 0.1254 250.31) 0.0%, oklch(56.92% 0.1270 240.02) 2.6%, oklch(61.30% 0.1161 224.97) 5.1%, oklch(66.66% 0.1142 206.58) 7.7%, oklch(72.56% 0.1271 186.30) 10.3%, oklch(78.57% 0.1371 165.59) 12.8%, oklch(84.28% 0.1401 145.88) 15.4%, oklch(89.26% 0.1431 128.61) 17.9%, oklch(93.07% 0.1459 115.24) 20.5%, oklch(95.30% 0.1485 107.20) 23.1%, oklch(95.50% 0.1507 105.99) 25.6%, oklch(93.29% 0.1529 113.22) 28.2%, oklch(89.03% 0.1552 127.67) 30.8%, oklch(83.28% 0.1575 147.30) 33.3%, oklch(76.57% 0.1514 170.09) 35.9%, oklch(69.47% 0.1187 194.05) 38.5%, oklch(62.52% 0.1117 217.13) 41.0%, oklch(56.26% 0.1235 237.34) 43.6%, oklch(51.24% 0.1562 252.63) 46.2%, oklch(48.01% 0.1666 260.98) 48.7%, oklch(47.00% 0.1668 260.63) 51.3%, oklch(47.71% 0.1439 252.26) 53.8%, oklch(49.74% 0.1096 237.57) 56.4%, oklch(52.82% 0.0951 218.22) 59.0%, oklch(56.67% 0.0966 195.90) 61.5%, oklch(60.98% 0.1179 172.27) 64.1%, oklch(65.49% 0.1668 149.02) 66.7%, oklch(69.89% 0.1640 127.78) 69.2%, oklch(73.91% 0.1597 110.24) 71.8%, oklch(77.26% 0.1534 98.04) 74.4%, oklch(79.96% 0.1447 91.83) 76.9%, oklch(82.62% 0.1326 89.50) 79.5%, oklch(85.24% 0.1180 90.25) 82.1%, oklch(87.79% 0.1017 93.38) 84.6%, oklch(90.21% 0.0846 98.18) 87.2%, oklch(92.48% 0.0674 103.95) 89.7%, oklch(94.55% 0.0510 109.96) 92.3%, oklch(96.39% 0.0363 115.52) 94.9%, oklch(97.95% 0.0241 119.92) 97.4%, oklch(99.21% 0.0152 122.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.125 | 250.3 |
| 2 | 0.957 | 0.15 | 105.5 |
| 3 | 0.472 | 0.167 | 261.9 |
| 4 | 0.78 | 0.152 | 96 |
| 5 | 0.992 | 0.015 | 122.4 |

## Other forms

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