# Storm blue rice green harvest fade

Seamless rainbow linear gradient with 64 colors: #375979, #365b7a, #345d7b, #325f7d, #30627e, #2d657f, #2b6880, #286b81, #256f81, #227382, #1f7682, #1e7a81, #1e7e80, #20827f, #24857d, #29897a, #318c77, #398f73, #42926f, #4c946a, #569665, #619860, #6b995a, #759a55, #809a4f, #899a4a, #939a46, #9c9942, #a4973f, #ab953d, #b2933c, #b8913d, #bd8e3e, #c18b41, #c48845, #c7854a, #c8814f, #c97e55, #c97a5c, #c87762, #c67468, #c3716e, #bf6f74, #ba6c7a, #b56a7f, #b06983, #a96787, #a3668b, #9c648e, #956390, #8e6291, #866192, #7f6092, #785f91, #715f90, #6b5e8f, #655d8d, #5f5c8b, #595c89, #545b87, #505a85, #4c5a83, #485981, #45597f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless rainbow linear gradient
- Seed: `kSczCw1iisLsYqs`
- Page: https://grabient.com/kSczCw1iisLsYqs?steps=64&angle=45
- Drawn as: linear gradient, 64 steps, 45 degrees
- Kinds: rainbow, seamless
- Hues: tetradic
- Contrast of its darkest and lightest colors: 2.4 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 | `#375979` | `oklch(45.28% 0.0661 248.20)` | Bluey | white, 7.3 to 1 |
| 2 | `#365b7a` | `oklch(45.68% 0.0670 245.39)` | Matisse | white, 7.1 to 1 |
| 3 | `#345d7b` | `oklch(46.16% 0.0679 242.27)` | Matisse | white, 7 to 1 |
| 4 | `#325f7d` | `oklch(46.72% 0.0691 238.86)` | Berry Blue | white, 6.8 to 1 |
| 5 | `#30627e` | `oklch(47.35% 0.0703 235.16)` | Carbide | white, 6.6 to 1 |
| 6 | `#2d657f` | `oklch(48.04% 0.0718 231.20)` | Byron Place | white, 6.4 to 1 |
| 7 | `#2b6880` | `oklch(48.79% 0.0733 226.99)` | Byron Place | white, 6.1 to 1 |
| 8 | `#286b81` | `oklch(49.59% 0.0749 222.55)` | Allports | white, 5.9 to 1 |
| 9 | `#256f81` | `oklch(50.44% 0.0766 217.88)` | Billabong | white, 5.7 to 1 |
| 10 | `#227382` | `oklch(51.33% 0.0784 213.01)` | Night Scape | white, 5.4 to 1 |
| 11 | `#1f7682` | `oklch(52.24% 0.0803 207.94)` | Blue Kelp | white, 5.2 to 1 |
| 12 | `#1e7a81` | `oklch(53.19% 0.0822 202.71)` | Blue Kelp | white, 5 to 1 |
| 13 | `#1e7e80` | `oklch(54.15% 0.0842 197.31)` | Jade Jewel | white, 4.8 to 1 |
| 14 | `#20827f` | `oklch(55.13% 0.0862 191.76)` | Windows 95 Desktop | white, 4.6 to 1 |
| 15 | `#24857d` | `oklch(56.11% 0.0881 186.09)` | Celadon Green | black, 4.7 to 1 |
| 16 | `#29897a` | `oklch(57.09% 0.0901 180.29)` | Palm Springs Splash | black, 4.9 to 1 |
| 17 | `#318c77` | `oklch(58.07% 0.0921 174.40)` | Ionian | black, 5.1 to 1 |
| 18 | `#398f73` | `oklch(59.03% 0.0941 168.42)` | Illuminating Emerald | black, 5.3 to 1 |
| 19 | `#42926f` | `oklch(59.98% 0.0960 162.37)` | Illuminati Green | black, 5.5 to 1 |
| 20 | `#4c946a` | `oklch(60.90% 0.0979 156.26)` | Good Luck | black, 5.7 to 1 |
| 21 | `#569665` | `oklch(61.79% 0.0997 150.11)` | Endless | black, 5.9 to 1 |
| 22 | `#619860` | `oklch(62.64% 0.1014 143.94)` | Abundance | black, 6.1 to 1 |
| 23 | `#6b995a` | `oklch(63.45% 0.1030 137.75)` | Meadow Green | black, 6.3 to 1 |
| 24 | `#759a55` | `oklch(64.21% 0.1046 131.57)` | Bavarian Green | black, 6.5 to 1 |
| 25 | `#809a4f` | `oklch(64.91% 0.1060 125.40)` | Rosemarried | black, 6.6 to 1 |
| 26 | `#899a4a` | `oklch(65.55% 0.1073 119.27)` | Café de Paris | black, 6.7 to 1 |
| 27 | `#939a46` | `oklch(66.12% 0.1084 113.18)` | Spinach Green | black, 6.9 to 1 |
| 28 | `#9c9942` | `oklch(66.61% 0.1094 107.16)` | Be Yourself | black, 7 to 1 |
| 29 | `#a4973f` | `oklch(67.02% 0.1102 101.21)` | Shimmering Glade | black, 7 to 1 |
| 30 | `#ab953d` | `oklch(67.34% 0.1109 95.36)` | Balsam Pear | black, 7.1 to 1 |
| 31 | `#b2933c` | `oklch(67.57% 0.1113 89.62)` | Balsam Pear | black, 7.1 to 1 |
| 32 | `#b8913d` | `oklch(67.69% 0.1116 84.00)` | Venetian Gold | black, 7.1 to 1 |
| 33 | `#bd8e3e` | `oklch(67.71% 0.1116 78.47)` | Pizza | black, 7.1 to 1 |
| 34 | `#c18b41` | `oklch(67.62% 0.1114 72.79)` | Golden Leaf | black, 7 to 1 |
| 35 | `#c48845` | `oklch(67.44% 0.1110 66.94)` | Automn Fox | black, 6.9 to 1 |
| 36 | `#c7854a` | `oklch(67.16% 0.1104 60.92)` | Butterscotch Glaze | black, 6.8 to 1 |
| 37 | `#c8814f` | `oklch(66.79% 0.1096 54.77)` | Fuegan Orange | black, 6.7 to 1 |
| 38 | `#c97e55` | `oklch(66.34% 0.1087 48.50)` | Apricot Brown | black, 6.5 to 1 |
| 39 | `#c97a5c` | `oklch(65.81% 0.1076 42.12)` | Gold Pheasant | black, 6.4 to 1 |
| 40 | `#c87762` | `oklch(65.22% 0.1064 35.66)` | Pompeian Pink | black, 6.2 to 1 |
| 41 | `#c67468` | `oklch(64.56% 0.1050 29.13)` | Peach Macaron | black, 6 to 1 |
| 42 | `#c3716e` | `oklch(63.84% 0.1035 22.56)` | Art House Pink | black, 5.9 to 1 |
| 43 | `#bf6f74` | `oklch(63.08% 0.1019 15.95)` | Art House Pink | black, 5.7 to 1 |
| 44 | `#ba6c7a` | `oklch(62.27% 0.1002 9.34)` | Rose Gold | black, 5.5 to 1 |
| 45 | `#b56a7f` | `oklch(61.43% 0.0985 2.72)` | Pink Hibiscus | black, 5.3 to 1 |
| 46 | `#b06983` | `oklch(60.55% 0.0967 356.14)` | Crushed Raspberry | black, 5.1 to 1 |
| 47 | `#a96787` | `oklch(59.64% 0.0948 349.60)` | Cure All | black, 4.9 to 1 |
| 48 | `#a3668b` | `oklch(58.72% 0.0929 343.11)` | Berry Pretty | black, 4.8 to 1 |
| 49 | `#9c648e` | `oklch(57.79% 0.0910 336.71)` | Raspberry Jelly Red | black, 4.6 to 1 |
| 50 | `#956390` | `oklch(56.85% 0.0890 330.41)` | Tulipan Violet | white, 4.7 to 1 |
| 51 | `#8e6291` | `oklch(55.90% 0.0871 324.22)` | Hashita Purple | white, 4.8 to 1 |
| 52 | `#866192` | `oklch(54.97% 0.0851 318.17)` | Swiss Lilac | white, 5 to 1 |
| 53 | `#7f6092` | `oklch(54.04% 0.0832 312.26)` | Plum Power | white, 5.2 to 1 |
| 54 | `#785f91` | `oklch(53.14% 0.0813 306.53)` | Super Violet | white, 5.4 to 1 |
| 55 | `#715f90` | `oklch(52.26% 0.0795 300.99)` | Super Violet | white, 5.6 to 1 |
| 56 | `#6b5e8f` | `oklch(51.40% 0.0778 295.66)` | Majestic Purple | white, 5.8 to 1 |
| 57 | `#655d8d` | `oklch(50.59% 0.0761 290.55)` | Idol | white, 5.9 to 1 |
| 58 | `#5f5c8b` | `oklch(49.82% 0.0745 285.69)` | Purple Balloon | white, 6.1 to 1 |
| 59 | `#595c89` | `oklch(49.10% 0.0730 281.09)` | Midnight Sea | white, 6.3 to 1 |
| 60 | `#545b87` | `oklch(48.44% 0.0716 276.76)` | Marlin | white, 6.5 to 1 |
| 61 | `#505a85` | `oklch(47.83% 0.0704 272.74)` | Marlin | white, 6.6 to 1 |
| 62 | `#4c5a83` | `oklch(47.30% 0.0693 269.03)` | Dark Iris | white, 6.7 to 1 |
| 63 | `#485981` | `oklch(46.84% 0.0683 265.66)` | Optimum Blue | white, 6.9 to 1 |
| 64 | `#45597f` | `oklch(46.46% 0.0675 262.65)` | Optimum Blue | white, 7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #375979 0.0%, #365b7a 1.6%, #345d7b 3.2%, #325f7d 4.8%, #30627e 6.3%, #2d657f 7.9%, #2b6880 9.5%, #286b81 11.1%, #256f81 12.7%, #227382 14.3%, #1f7682 15.9%, #1e7a81 17.5%, #1e7e80 19.0%, #20827f 20.6%, #24857d 22.2%, #29897a 23.8%, #318c77 25.4%, #398f73 27.0%, #42926f 28.6%, #4c946a 30.2%, #569665 31.7%, #619860 33.3%, #6b995a 34.9%, #759a55 36.5%, #809a4f 38.1%, #899a4a 39.7%, #939a46 41.3%, #9c9942 42.9%, #a4973f 44.4%, #ab953d 46.0%, #b2933c 47.6%, #b8913d 49.2%, #bd8e3e 50.8%, #c18b41 52.4%, #c48845 54.0%, #c7854a 55.6%, #c8814f 57.1%, #c97e55 58.7%, #c97a5c 60.3%, #c87762 61.9%, #c67468 63.5%, #c3716e 65.1%, #bf6f74 66.7%, #ba6c7a 68.3%, #b56a7f 69.8%, #b06983 71.4%, #a96787 73.0%, #a3668b 74.6%, #9c648e 76.2%, #956390 77.8%, #8e6291 79.4%, #866192 81.0%, #7f6092 82.5%, #785f91 84.1%, #715f90 85.7%, #6b5e8f 87.3%, #655d8d 88.9%, #5f5c8b 90.5%, #595c89 92.1%, #545b87 93.7%, #505a85 95.2%, #4c5a83 96.8%, #485981 98.4%, #45597f 100.0%);
background: linear-gradient(45deg in oklch, oklch(45.28% 0.0661 248.20) 0.0%, oklch(45.68% 0.0670 245.39) 1.6%, oklch(46.16% 0.0679 242.27) 3.2%, oklch(46.72% 0.0691 238.86) 4.8%, oklch(47.35% 0.0703 235.16) 6.3%, oklch(48.04% 0.0718 231.20) 7.9%, oklch(48.79% 0.0733 226.99) 9.5%, oklch(49.59% 0.0749 222.55) 11.1%, oklch(50.44% 0.0766 217.88) 12.7%, oklch(51.33% 0.0784 213.01) 14.3%, oklch(52.24% 0.0803 207.94) 15.9%, oklch(53.19% 0.0822 202.71) 17.5%, oklch(54.15% 0.0842 197.31) 19.0%, oklch(55.13% 0.0862 191.76) 20.6%, oklch(56.11% 0.0881 186.09) 22.2%, oklch(57.09% 0.0901 180.29) 23.8%, oklch(58.07% 0.0921 174.40) 25.4%, oklch(59.03% 0.0941 168.42) 27.0%, oklch(59.98% 0.0960 162.37) 28.6%, oklch(60.90% 0.0979 156.26) 30.2%, oklch(61.79% 0.0997 150.11) 31.7%, oklch(62.64% 0.1014 143.94) 33.3%, oklch(63.45% 0.1030 137.75) 34.9%, oklch(64.21% 0.1046 131.57) 36.5%, oklch(64.91% 0.1060 125.40) 38.1%, oklch(65.55% 0.1073 119.27) 39.7%, oklch(66.12% 0.1084 113.18) 41.3%, oklch(66.61% 0.1094 107.16) 42.9%, oklch(67.02% 0.1102 101.21) 44.4%, oklch(67.34% 0.1109 95.36) 46.0%, oklch(67.57% 0.1113 89.62) 47.6%, oklch(67.69% 0.1116 84.00) 49.2%, oklch(67.71% 0.1116 78.47) 50.8%, oklch(67.62% 0.1114 72.79) 52.4%, oklch(67.44% 0.1110 66.94) 54.0%, oklch(67.16% 0.1104 60.92) 55.6%, oklch(66.79% 0.1096 54.77) 57.1%, oklch(66.34% 0.1087 48.50) 58.7%, oklch(65.81% 0.1076 42.12) 60.3%, oklch(65.22% 0.1064 35.66) 61.9%, oklch(64.56% 0.1050 29.13) 63.5%, oklch(63.84% 0.1035 22.56) 65.1%, oklch(63.08% 0.1019 15.95) 66.7%, oklch(62.27% 0.1002 9.34) 68.3%, oklch(61.43% 0.0985 2.72) 69.8%, oklch(60.55% 0.0967 356.14) 71.4%, oklch(59.64% 0.0948 349.60) 73.0%, oklch(58.72% 0.0929 343.11) 74.6%, oklch(57.79% 0.0910 336.71) 76.2%, oklch(56.85% 0.0890 330.41) 77.8%, oklch(55.90% 0.0871 324.22) 79.4%, oklch(54.97% 0.0851 318.17) 81.0%, oklch(54.04% 0.0832 312.26) 82.5%, oklch(53.14% 0.0813 306.53) 84.1%, oklch(52.26% 0.0795 300.99) 85.7%, oklch(51.40% 0.0778 295.66) 87.3%, oklch(50.59% 0.0761 290.55) 88.9%, oklch(49.82% 0.0745 285.69) 90.5%, oklch(49.10% 0.0730 281.09) 92.1%, oklch(48.44% 0.0716 276.76) 93.7%, oklch(47.83% 0.0704 272.74) 95.2%, oklch(47.30% 0.0693 269.03) 96.8%, oklch(46.84% 0.0683 265.66) 98.4%, oklch(46.46% 0.0675 262.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.066 | 248.2 |
| 2 | 0.677 | 0.112 | 81.2 |
| 3 | 0.465 | 0.068 | -97.4 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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