# Muted rainbow from yellow to light blue linear gradient

Muted rainbow from yellow to light blue linear gradient with 40 colors: #f1d26c, #d0cc5c, #9ac354, #3fb562, #00987e, #007a81, #00607e, #004a86, #2622a9, #4a0e99, #640c82, #79186a, #882956, #903d4a, #934e48, #91594c, #8e5d4f, #895b52, #825555, #7a4e59, #6f475d, #624262, #553f66, #4a3f69, #43426c, #3f4571, #3c4a78, #39517f, #375887, #35608f, #346996, #33729b, #367c9f, #3e87a4, #4b93a8, #5b9fad, #6caab1, #7cb4b6, #8abcbb, #94c2bf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY3VxCMEpUsMaTwymbNxCE52MRuk`
- Page: https://grabient.com/kY3VxCMEpUsMaTwymbNxCE52MRuk?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#f1d26c` | `oklch(87.01% 0.1268 92.81)` | Yellow Cream | black, 14.1 to 1 |
| 2 | `#d0cc5c` | `oklch(82.64% 0.1344 107.10)` | Quince | black, 12.4 to 1 |
| 3 | `#9ac354` | `oklch(76.31% 0.1462 126.52)` | Pesto Genovese | black, 10.2 to 1 |
| 4 | `#3fb562` | `oklch(68.74% 0.1604 149.67)` | Artificial Turf | black, 8 to 1 |
| 5 | `#00987e` | `oklch(60.66% 0.1142 175.14)` | Paolo Veronese Green | black, 5.7 to 1 |
| 6 | `#007a81` | `oklch(52.76% 0.0897 201.53)` | Mediterranean Cove | white, 5.1 to 1 |
| 7 | `#00607e` | `oklch(45.78% 0.0888 227.43)` | Back of Beyond | white, 7 to 1 |
| 8 | `#004a86` | `oklch(40.43% 0.1190 251.42)` | Magnetic Blue | white, 9 to 1 |
| 9 | `#2622a9` | `oklch(37.41% 0.2031 272.17)` | Deep Daijin Blue | white, 11.1 to 1 |
| 10 | `#4a0e99` | `oklch(36.84% 0.1938 292.86)` | Space Battle Blue | white, 11.6 to 1 |
| 11 | `#640c82` | `oklch(38.15% 0.1781 314.42)` | Extraviolet | white, 10.9 to 1 |
| 12 | `#79186a` | `oklch(40.74% 0.1581 335.67)` | Mirage of Violets | white, 9.7 to 1 |
| 13 | `#882956` | `oklch(44.04% 0.1360 355.44)` | Dark Raspberry | white, 8.3 to 1 |
| 14 | `#903d4a` | `oklch(47.46% 0.1138 12.54)` | Luscious | white, 7.1 to 1 |
| 15 | `#934e48` | `oklch(50.43% 0.0938 25.80)` | Rembrandt Ruby | white, 6.1 to 1 |
| 16 | `#91594c` | `oklch(52.35% 0.0781 34.05)` | Rustic Brown | white, 5.6 to 1 |
| 17 | `#8e5d4f` | `oklch(52.70% 0.0685 36.00)` | Red Curry | white, 5.5 to 1 |
| 18 | `#895b52` | `oklch(51.76% 0.0632 30.53)` | Hanover Brick | white, 5.7 to 1 |
| 19 | `#825555` | `oklch(49.94% 0.0609 19.04)` | Lampoon | white, 6.2 to 1 |
| 20 | `#7a4e59` | `oklch(47.60% 0.0608 3.35)` | Baroque Red | white, 6.8 to 1 |
| 21 | `#6f475d` | `oklch(45.07% 0.0623 345.27)` | Annis | white, 7.6 to 1 |
| 22 | `#624262` | `oklch(42.70% 0.0648 326.62)` | Royal Plum | white, 8.4 to 1 |
| 23 | `#553f66` | `oklch(40.85% 0.0675 309.22)` | When Blue Met Red | white, 9.1 to 1 |
| 24 | `#4a3f69` | `oklch(39.85% 0.0697 294.89)` | Geode | white, 9.4 to 1 |
| 25 | `#43426c` | `oklch(39.92% 0.0713 284.66)` | Overcast Night | white, 9.4 to 1 |
| 26 | `#3f4571` | `oklch(40.68% 0.0741 276.24)` | Constellation Blue | white, 9 to 1 |
| 27 | `#3c4a78` | `oklch(41.98% 0.0779 269.02)` | Expressionism | white, 8.5 to 1 |
| 28 | `#39517f` | `oklch(43.72% 0.0820 262.68)` | St. Tropaz | white, 7.9 to 1 |
| 29 | `#375887` | `oklch(45.80% 0.0859 256.91)` | Handsome Blue | white, 7.2 to 1 |
| 30 | `#35608f` | `oklch(48.12% 0.0891 251.40)` | Make-Up Blue | white, 6.4 to 1 |
| 31 | `#346996` | `oklch(50.57% 0.0910 245.84)` | Summerday Blue | white, 5.8 to 1 |
| 32 | `#33729b` | `oklch(53.05% 0.0912 239.90)` | Windsurfing | white, 5.1 to 1 |
| 33 | `#367c9f` | `oklch(55.72% 0.0890 233.37)` | Blue Dart Frog | white, 4.6 to 1 |
| 34 | `#3e87a4` | `oklch(58.95% 0.0845 226.41)` | Underwater Moonlight | black, 5.2 to 1 |
| 35 | `#4b93a8` | `oklch(62.53% 0.0785 219.30)` | Aegean Sea | black, 6 to 1 |
| 36 | `#5b9fad` | `oklch(66.24% 0.0716 212.31)` | Flood Out | black, 6.9 to 1 |
| 37 | `#6caab1` | `oklch(69.86% 0.0644 205.72)` | Summer Sea | black, 8 to 1 |
| 38 | `#7cb4b6` | `oklch(73.16% 0.0577 199.81)` | Kingfisher Turquoise | black, 9 to 1 |
| 39 | `#8abcbb` | `oklch(75.94% 0.0521 194.84)` | Lorian | black, 9.9 to 1 |
| 40 | `#94c2bf` | `oklch(77.95% 0.0482 191.09)` | Focus Point | black, 10.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f1d26c 0.0%, #d0cc5c 2.6%, #9ac354 5.1%, #3fb562 7.7%, #00987e 10.3%, #007a81 12.8%, #00607e 15.4%, #004a86 17.9%, #2622a9 20.5%, #4a0e99 23.1%, #640c82 25.6%, #79186a 28.2%, #882956 30.8%, #903d4a 33.3%, #934e48 35.9%, #91594c 38.5%, #8e5d4f 41.0%, #895b52 43.6%, #825555 46.2%, #7a4e59 48.7%, #6f475d 51.3%, #624262 53.8%, #553f66 56.4%, #4a3f69 59.0%, #43426c 61.5%, #3f4571 64.1%, #3c4a78 66.7%, #39517f 69.2%, #375887 71.8%, #35608f 74.4%, #346996 76.9%, #33729b 79.5%, #367c9f 82.1%, #3e87a4 84.6%, #4b93a8 87.2%, #5b9fad 89.7%, #6caab1 92.3%, #7cb4b6 94.9%, #8abcbb 97.4%, #94c2bf 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.01% 0.1268 92.81) 0.0%, oklch(82.64% 0.1344 107.10) 2.6%, oklch(76.31% 0.1462 126.52) 5.1%, oklch(68.74% 0.1604 149.67) 7.7%, oklch(60.66% 0.1142 175.14) 10.3%, oklch(52.76% 0.0897 201.53) 12.8%, oklch(45.78% 0.0888 227.43) 15.4%, oklch(40.43% 0.1190 251.42) 17.9%, oklch(37.41% 0.2031 272.17) 20.5%, oklch(36.84% 0.1938 292.86) 23.1%, oklch(38.15% 0.1781 314.42) 25.6%, oklch(40.74% 0.1581 335.67) 28.2%, oklch(44.04% 0.1360 355.44) 30.8%, oklch(47.46% 0.1138 12.54) 33.3%, oklch(50.43% 0.0938 25.80) 35.9%, oklch(52.35% 0.0781 34.05) 38.5%, oklch(52.70% 0.0685 36.00) 41.0%, oklch(51.76% 0.0632 30.53) 43.6%, oklch(49.94% 0.0609 19.04) 46.2%, oklch(47.60% 0.0608 3.35) 48.7%, oklch(45.07% 0.0623 345.27) 51.3%, oklch(42.70% 0.0648 326.62) 53.8%, oklch(40.85% 0.0675 309.22) 56.4%, oklch(39.85% 0.0697 294.89) 59.0%, oklch(39.92% 0.0713 284.66) 61.5%, oklch(40.68% 0.0741 276.24) 64.1%, oklch(41.98% 0.0779 269.02) 66.7%, oklch(43.72% 0.0820 262.68) 69.2%, oklch(45.80% 0.0859 256.91) 71.8%, oklch(48.12% 0.0891 251.40) 74.4%, oklch(50.57% 0.0910 245.84) 76.9%, oklch(53.05% 0.0912 239.90) 79.5%, oklch(55.72% 0.0890 233.37) 82.1%, oklch(58.95% 0.0845 226.41) 84.6%, oklch(62.53% 0.0785 219.30) 87.2%, oklch(66.24% 0.0716 212.31) 89.7%, oklch(69.86% 0.0644 205.72) 92.3%, oklch(73.16% 0.0577 199.81) 94.9%, oklch(75.94% 0.0521 194.84) 97.4%, oklch(77.95% 0.0482 191.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.127 | 92.8 |
| 2 | 0.378 | 0.204 | 268.2 |
| 3 | 0.528 | 0.072 | 396.1 |
| 4 | 0.398 | 0.07 | 290.4 |
| 5 | 0.535 | 0.091 | 238.6 |
| 6 | 0.78 | 0.048 | 191.1 |

## Other forms

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