# Pastel lemon sky ribbons

Blue, tan, light blue and light green linear gradient with 64 colors: #5f8eb9, #5c92ba, #5697bb, #509ebb, #4ba5b9, #48acb5, #4bb3af, #55baa7, #65c09d, #78c493, #8cc789, #9fca81, #b0cc7b, #bfcd78, #cacf77, #d1d178, #d3d37c, #d1d682, #cbd98a, #c1dd96, #b6dfa3, #aae1b2, #a2e1c1, #9ee0ce, #9eddd9, #a3dae0, #a9d6e4, #b0d3e5, #b6d0e5, #bacee4, #bdcde3, #becce3, #becde4, #bbcee8, #b7d2ed, #b0d6f1, #a6dcf5, #9ae2f4, #8fe9ef, #89f0e3, #8bf4d1, #99f6bb, #adf6a2, #c4f289, #d8ed71, #e8e65c, #f1e04c, #f3db41, #edd63a, #e0d23a, #cdce3f, #b4ca4a, #98c458, #78bd67, #57b475, #37a981, #199c89, #0b8f8d, #18818c, #267488, #306882, #365e7a, #395672, #3a506c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, tan, light blue and light green linear gradient
- Seed: `kWoDywa6gvesNUfwPCzthPSQ`
- Page: https://grabient.com/kWoDywa6gvesNUfwPCzthPSQ?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#5f8eb9` | `oklch(62.99% 0.0827 247.50)` | Cliff Blue | black, 6 to 1 |
| 2 | `#5c92ba` | `oklch(63.81% 0.0839 241.98)` | Scuba | black, 6.2 to 1 |
| 3 | `#5697bb` | `oklch(64.85% 0.0856 234.48)` | Hush-A-Bye | black, 6.5 to 1 |
| 4 | `#509ebb` | `oklch(66.09% 0.0877 225.35)` | Rushing Rapids | black, 6.9 to 1 |
| 5 | `#4ba5b9` | `oklch(67.49% 0.0902 214.91)` | Maui Blue | black, 7.3 to 1 |
| 6 | `#48acb5` | `oklch(69.02% 0.0929 203.50)` | Blue Turquoise | black, 7.8 to 1 |
| 7 | `#4bb3af` | `oklch(70.65% 0.0957 191.44)` | Verdigris | black, 8.4 to 1 |
| 8 | `#55baa7` | `oklch(72.34% 0.0986 179.07)` | Green Fluorite | black, 8.9 to 1 |
| 9 | `#65c09d` | `oklch(74.06% 0.1015 166.71)` | Peppermint Fresh | black, 9.5 to 1 |
| 10 | `#78c493` | `oklch(75.77% 0.1041 154.70)` | Felt Green | black, 10.1 to 1 |
| 11 | `#8cc789` | `oklch(77.45% 0.1065 143.37)` | De York | black, 10.6 to 1 |
| 12 | `#9fca81` | `oklch(79.05% 0.1085 133.06)` | Whipped Pistachio | black, 11.2 to 1 |
| 13 | `#b0cc7b` | `oklch(80.55% 0.1101 124.08)` | Wonder Woods | black, 11.7 to 1 |
| 14 | `#bfcd78` | `oklch(81.90% 0.1111 116.77)` | Greenish Tan | black, 12.2 to 1 |
| 15 | `#cacf77` | `oklch(83.09% 0.1115 111.47)` | Greenish Beige | black, 12.6 to 1 |
| 16 | `#d1d178` | `oklch(84.07% 0.1111 108.50)` | Green Gecko | black, 13 to 1 |
| 17 | `#d3d37c` | `oklch(84.81% 0.1098 108.22)` | Green Gecko | black, 13.3 to 1 |
| 18 | `#d1d682` | `oklch(85.34% 0.1072 111.18)` | Green Gecko | black, 13.6 to 1 |
| 19 | `#cbd98a` | `oklch(85.71% 0.1032 117.18)` | Lime Sherbet | black, 13.8 to 1 |
| 20 | `#c1dd96` | `oklch(85.92% 0.0981 125.74)` | Tree Line | black, 14 to 1 |
| 21 | `#b6dfa3` | `oklch(86.01% 0.0921 136.41)` | Basil Smash | black, 14.1 to 1 |
| 22 | `#aae1b2` | `oklch(85.99% 0.0854 148.71)` | Celadon | black, 14.1 to 1 |
| 23 | `#a2e1c1` | `oklch(85.88% 0.0784 162.20)` | Bright Sea Green | black, 14 to 1 |
| 24 | `#9ee0ce` | `oklch(85.69% 0.0712 176.39)` | Aqua Wish | black, 13.9 to 1 |
| 25 | `#9eddd9` | `oklch(85.47% 0.0640 190.83)` | Pale Pastel | black, 13.8 to 1 |
| 26 | `#a3dae0` | `oklch(85.21% 0.0571 205.06)` | Ice Pack | black, 13.6 to 1 |
| 27 | `#a9d6e4` | `oklch(84.94% 0.0508 218.60)` | Longitude | black, 13.4 to 1 |
| 28 | `#b0d3e5` | `oklch(84.69% 0.0452 231.00)` | Spotted Snake Eel | black, 13.2 to 1 |
| 29 | `#b6d0e5` | `oklch(84.47% 0.0406 241.79)` | Tender Twilight | black, 13.1 to 1 |
| 30 | `#bacee4` | `oklch(84.30% 0.0373 250.51)` | Sky’s the Limit | black, 13 to 1 |
| 31 | `#bdcde3` | `oklch(84.21% 0.0354 256.68)` | Sky’s the Limit | black, 12.9 to 1 |
| 32 | `#becce3` | `oklch(84.21% 0.0352 259.86)` | Hindsight | black, 12.9 to 1 |
| 33 | `#becde4` | `oklch(84.34% 0.0370 259.58)` | Periwinkle Grey | black, 13 to 1 |
| 34 | `#bbcee8` | `oklch(84.66% 0.0412 255.78)` | Maritime | black, 13.1 to 1 |
| 35 | `#b7d2ed` | `oklch(85.16% 0.0475 248.91)` | Modern Blue | black, 13.4 to 1 |
| 36 | `#b0d6f1` | `oklch(85.79% 0.0555 239.44)` | Blue Rice | black, 13.7 to 1 |
| 37 | `#a6dcf5` | `oklch(86.51% 0.0650 227.87)` | Van Gogh Blue | black, 14.1 to 1 |
| 38 | `#9ae2f4` | `oklch(87.27% 0.0755 214.68)` | Blizzard Blue | black, 14.6 to 1 |
| 39 | `#8fe9ef` | `oklch(88.05% 0.0868 200.35)` | Bath Water | black, 15.1 to 1 |
| 40 | `#89f0e3` | `oklch(88.79% 0.0985 185.36)` | Turquoise Pearl | black, 15.5 to 1 |
| 41 | `#8bf4d1` | `oklch(89.45% 0.1102 170.20)` | Light Turquoise | black, 15.9 to 1 |
| 42 | `#99f6bb` | `oklch(90.00% 0.1217 155.34)` | Lemon Gate | black, 16.2 to 1 |
| 43 | `#adf6a2` | `oklch(90.39% 0.1325 141.28)` | Light Pastel Green | black, 16.4 to 1 |
| 44 | `#c4f289` | `oklch(90.58% 0.1423 128.49)` | Green Day | black, 16.4 to 1 |
| 45 | `#d8ed71` | `oklch(90.53% 0.1509 117.45)` | Mindaro | black, 16.2 to 1 |
| 46 | `#e8e65c` | `oklch(90.19% 0.1577 108.66)` | Celandine | black, 15.9 to 1 |
| 47 | `#f1e04c` | `oklch(89.53% 0.1626 102.58)` | Golden Snitch | black, 15.5 to 1 |
| 48 | `#f3db41` | `oklch(88.51% 0.1651 99.71)` | Orb of Harmony | black, 14.9 to 1 |
| 49 | `#edd63a` | `oklch(87.04% 0.1651 100.30)` | Sandstorm | black, 14.3 to 1 |
| 50 | `#e0d23a` | `oklch(85.04% 0.1629 103.80)` | Polliwog | black, 13.4 to 1 |
| 51 | `#cdce3f` | `oklch(82.59% 0.1588 109.84)` | Lizard Belly | black, 12.5 to 1 |
| 52 | `#b4ca4a` | `oklch(79.76% 0.1530 118.06)` | Forsythia Bud | black, 11.4 to 1 |
| 53 | `#98c458` | `oklch(76.61% 0.1459 128.10)` | Cabbage Patch | black, 10.3 to 1 |
| 54 | `#78bd67` | `oklch(73.23% 0.1376 139.59)` | Dublin | black, 9.2 to 1 |
| 55 | `#57b475` | `oklch(69.69% 0.1285 152.17)` | Lawn Party | black, 8.2 to 1 |
| 56 | `#37a981` | `oklch(66.06% 0.1189 165.49)` | Herbal | black, 7.1 to 1 |
| 57 | `#199c89` | `oklch(62.41% 0.1089 179.17)` | Flamboyant Teal | black, 6.1 to 1 |
| 58 | `#0b8f8d` | `oklch(58.81% 0.0989 192.87)` | Corfu Shallows | black, 5.3 to 1 |
| 59 | `#18818c` | `oklch(55.35% 0.0892 206.20)` | Riviera Sea | white, 4.6 to 1 |
| 60 | `#267488` | `oklch(52.08% 0.0800 218.82)` | Thousand Herb | white, 5.3 to 1 |
| 61 | `#306882` | `oklch(49.10% 0.0716 230.36)` | Naval Passage | white, 6.1 to 1 |
| 62 | `#365e7a` | `oklch(46.46% 0.0642 240.46)` | Berry Blue | white, 6.9 to 1 |
| 63 | `#395672` | `oklch(44.24% 0.0582 248.76)` | Blue Earth | white, 7.6 to 1 |
| 64 | `#3a506c` | `oklch(42.52% 0.0537 254.90)` | Blue Flag | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5f8eb9 0.0%, #5c92ba 1.6%, #5697bb 3.2%, #509ebb 4.8%, #4ba5b9 6.3%, #48acb5 7.9%, #4bb3af 9.5%, #55baa7 11.1%, #65c09d 12.7%, #78c493 14.3%, #8cc789 15.9%, #9fca81 17.5%, #b0cc7b 19.0%, #bfcd78 20.6%, #cacf77 22.2%, #d1d178 23.8%, #d3d37c 25.4%, #d1d682 27.0%, #cbd98a 28.6%, #c1dd96 30.2%, #b6dfa3 31.7%, #aae1b2 33.3%, #a2e1c1 34.9%, #9ee0ce 36.5%, #9eddd9 38.1%, #a3dae0 39.7%, #a9d6e4 41.3%, #b0d3e5 42.9%, #b6d0e5 44.4%, #bacee4 46.0%, #bdcde3 47.6%, #becce3 49.2%, #becde4 50.8%, #bbcee8 52.4%, #b7d2ed 54.0%, #b0d6f1 55.6%, #a6dcf5 57.1%, #9ae2f4 58.7%, #8fe9ef 60.3%, #89f0e3 61.9%, #8bf4d1 63.5%, #99f6bb 65.1%, #adf6a2 66.7%, #c4f289 68.3%, #d8ed71 69.8%, #e8e65c 71.4%, #f1e04c 73.0%, #f3db41 74.6%, #edd63a 76.2%, #e0d23a 77.8%, #cdce3f 79.4%, #b4ca4a 81.0%, #98c458 82.5%, #78bd67 84.1%, #57b475 85.7%, #37a981 87.3%, #199c89 88.9%, #0b8f8d 90.5%, #18818c 92.1%, #267488 93.7%, #306882 95.2%, #365e7a 96.8%, #395672 98.4%, #3a506c 100.0%);
background: linear-gradient(135deg in oklch, oklch(62.99% 0.0827 247.50) 0.0%, oklch(63.81% 0.0839 241.98) 1.6%, oklch(64.85% 0.0856 234.48) 3.2%, oklch(66.09% 0.0877 225.35) 4.8%, oklch(67.49% 0.0902 214.91) 6.3%, oklch(69.02% 0.0929 203.50) 7.9%, oklch(70.65% 0.0957 191.44) 9.5%, oklch(72.34% 0.0986 179.07) 11.1%, oklch(74.06% 0.1015 166.71) 12.7%, oklch(75.77% 0.1041 154.70) 14.3%, oklch(77.45% 0.1065 143.37) 15.9%, oklch(79.05% 0.1085 133.06) 17.5%, oklch(80.55% 0.1101 124.08) 19.0%, oklch(81.90% 0.1111 116.77) 20.6%, oklch(83.09% 0.1115 111.47) 22.2%, oklch(84.07% 0.1111 108.50) 23.8%, oklch(84.81% 0.1098 108.22) 25.4%, oklch(85.34% 0.1072 111.18) 27.0%, oklch(85.71% 0.1032 117.18) 28.6%, oklch(85.92% 0.0981 125.74) 30.2%, oklch(86.01% 0.0921 136.41) 31.7%, oklch(85.99% 0.0854 148.71) 33.3%, oklch(85.88% 0.0784 162.20) 34.9%, oklch(85.69% 0.0712 176.39) 36.5%, oklch(85.47% 0.0640 190.83) 38.1%, oklch(85.21% 0.0571 205.06) 39.7%, oklch(84.94% 0.0508 218.60) 41.3%, oklch(84.69% 0.0452 231.00) 42.9%, oklch(84.47% 0.0406 241.79) 44.4%, oklch(84.30% 0.0373 250.51) 46.0%, oklch(84.21% 0.0354 256.68) 47.6%, oklch(84.21% 0.0352 259.86) 49.2%, oklch(84.34% 0.0370 259.58) 50.8%, oklch(84.66% 0.0412 255.78) 52.4%, oklch(85.16% 0.0475 248.91) 54.0%, oklch(85.79% 0.0555 239.44) 55.6%, oklch(86.51% 0.0650 227.87) 57.1%, oklch(87.27% 0.0755 214.68) 58.7%, oklch(88.05% 0.0868 200.35) 60.3%, oklch(88.79% 0.0985 185.36) 61.9%, oklch(89.45% 0.1102 170.20) 63.5%, oklch(90.00% 0.1217 155.34) 65.1%, oklch(90.39% 0.1325 141.28) 66.7%, oklch(90.58% 0.1423 128.49) 68.3%, oklch(90.53% 0.1509 117.45) 69.8%, oklch(90.19% 0.1577 108.66) 71.4%, oklch(89.53% 0.1626 102.58) 73.0%, oklch(88.51% 0.1651 99.71) 74.6%, oklch(87.04% 0.1651 100.30) 76.2%, oklch(85.04% 0.1629 103.80) 77.8%, oklch(82.59% 0.1588 109.84) 79.4%, oklch(79.76% 0.1530 118.06) 81.0%, oklch(76.61% 0.1459 128.10) 82.5%, oklch(73.23% 0.1376 139.59) 84.1%, oklch(69.69% 0.1285 152.17) 85.7%, oklch(66.06% 0.1189 165.49) 87.3%, oklch(62.41% 0.1089 179.17) 88.9%, oklch(58.81% 0.0989 192.87) 90.5%, oklch(55.35% 0.0892 206.20) 92.1%, oklch(52.08% 0.0800 218.82) 93.7%, oklch(49.10% 0.0716 230.36) 95.2%, oklch(46.46% 0.0642 240.46) 96.8%, oklch(44.24% 0.0582 248.76) 98.4%, oklch(42.52% 0.0537 254.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.083 | 247.5 |
| 2 | 0.846 | 0.11 | 108 |
| 3 | 0.843 | 0.036 | 260.2 |
| 4 | 0.882 | 0.165 | 99.6 |
| 5 | 0.425 | 0.054 | 254.9 |

## In these collections

- [Lemon blossom veranda](https://grabient.com/lemon-blossom-veranda)

## Other forms

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