# Blue and lime spring palette

The Blue and lime spring palette brings together blue, light blue, and light green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Blue to light green linear gradient
- Seed: `kWmFjE2iK_eeVvhuEbR85w6w`
- Page: https://grabient.com/kWmFjE2iK_eeVvhuEbR85w6w?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, pastel, light, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.1 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 | `#6d78c7` | `oklch(59.84% 0.1213 276.33)` | Kickstart Purple | black, 5.1 to 1 |
| 2 | `#707bc9` | `oklch(60.73% 0.1192 276.07)` | Kickstart Purple | black, 5.3 to 1 |
| 3 | `#737fcb` | `oklch(61.91% 0.1166 275.82)` | Kickstart Purple | black, 5.6 to 1 |
| 4 | `#7783ce` | `oklch(63.33% 0.1135 275.53)` | Tanzine | black, 5.9 to 1 |
| 5 | `#7c89d2` | `oklch(64.89% 0.1100 275.15)` | True Lavender | black, 6.3 to 1 |
| 6 | `#808ed5` | `oklch(66.54% 0.1061 274.63)` | Mood Mode | black, 6.7 to 1 |
| 7 | `#8594d8` | `oklch(68.19% 0.1022 273.93)` | Mystic Iris | black, 7.2 to 1 |
| 8 | `#899adb` | `oklch(69.77% 0.0981 272.99)` | Portage | black, 7.6 to 1 |
| 9 | `#8d9fdd` | `oklch(71.22% 0.0941 271.81)` | Azureno | black, 8.1 to 1 |
| 10 | `#92a4e0` | `oklch(72.66% 0.0896 271.09)` | Dalmatian Sage | black, 8.5 to 1 |
| 11 | `#97a9e1` | `oklch(74.15% 0.0846 270.78)` | Dalmatian Sage | black, 9 to 1 |
| 12 | `#9caee3` | `oklch(75.63% 0.0795 270.43)` | Blue Skies Today | black, 9.5 to 1 |
| 13 | `#a1b3e5` | `oklch(77.09% 0.0743 269.58)` | Myrtle Flower | black, 10.1 to 1 |
| 14 | `#a6b8e6` | `oklch(78.49% 0.0693 267.80)` | Teclis Blue | black, 10.6 to 1 |
| 15 | `#a9bde8` | `oklch(79.79% 0.0648 264.61)` | French Lilac Blue | black, 11.1 to 1 |
| 16 | `#aac2e9` | `oklch(80.97% 0.0609 259.59)` | Sky High | black, 11.6 to 1 |
| 17 | `#aac7e9` | `oklch(81.98% 0.0578 252.17)` | Island Light | black, 12 to 1 |
| 18 | `#a8cce8` | `oklch(82.85% 0.0550 241.74)` | Cielo | black, 12.4 to 1 |
| 19 | `#a7d0e5` | `oklch(83.58% 0.0525 229.01)` | Chefchaouen Blue | black, 12.8 to 1 |
| 20 | `#a6d4e0` | `oklch(84.23% 0.0504 214.86)` | Light Blue Glint | black, 13.1 to 1 |
| 21 | `#a8d7da` | `oklch(84.80% 0.0488 200.14)` | Crystal | black, 13.4 to 1 |
| 22 | `#addad3` | `oklch(85.35% 0.0478 185.75)` | Scandal | black, 13.6 to 1 |
| 23 | `#b2dbcd` | `oklch(85.89% 0.0475 172.54)` | Brook Green | black, 13.9 to 1 |
| 24 | `#b8ddc9` | `oklch(86.46% 0.0480 161.39)` | Aqua Bay | black, 14.1 to 1 |
| 25 | `#bddfc5` | `oklch(87.08% 0.0496 152.53)` | Spirited Green | black, 14.4 to 1 |
| 26 | `#c2e0c2` | `oklch(87.73% 0.0526 144.74)` | Pallid Green | black, 14.7 to 1 |
| 27 | `#c7e2be` | `oklch(88.38% 0.0567 137.91)` | Ambrosia | black, 15 to 1 |
| 28 | `#cce4ba` | `oklch(89.02% 0.0614 131.97)` | Iced Avocado | black, 15.3 to 1 |
| 29 | `#d1e6b6` | `oklch(89.62% 0.0662 126.85)` | Green Reflection | black, 15.6 to 1 |
| 30 | `#d6e7b3` | `oklch(90.15% 0.0708 122.47)` | Lasting Thoughts | black, 15.9 to 1 |
| 31 | `#dae8b0` | `oklch(90.60% 0.0746 118.78)` | Lichen Gold | black, 16.1 to 1 |
| 32 | `#dee8ad` | `oklch(90.94% 0.0772 115.70)` | Lichen Gold | black, 16.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6d78c7 0.0%, #707bc9 3.2%, #737fcb 6.5%, #7783ce 9.7%, #7c89d2 12.9%, #808ed5 16.1%, #8594d8 19.4%, #899adb 22.6%, #8d9fdd 25.8%, #92a4e0 29.0%, #97a9e1 32.3%, #9caee3 35.5%, #a1b3e5 38.7%, #a6b8e6 41.9%, #a9bde8 45.2%, #aac2e9 48.4%, #aac7e9 51.6%, #a8cce8 54.8%, #a7d0e5 58.1%, #a6d4e0 61.3%, #a8d7da 64.5%, #addad3 67.7%, #b2dbcd 71.0%, #b8ddc9 74.2%, #bddfc5 77.4%, #c2e0c2 80.6%, #c7e2be 83.9%, #cce4ba 87.1%, #d1e6b6 90.3%, #d6e7b3 93.5%, #dae8b0 96.8%, #dee8ad 100.0%);
background: linear-gradient(135deg in oklch, oklch(59.84% 0.1213 276.33) 0.0%, oklch(60.73% 0.1192 276.07) 3.2%, oklch(61.91% 0.1166 275.82) 6.5%, oklch(63.33% 0.1135 275.53) 9.7%, oklch(64.89% 0.1100 275.15) 12.9%, oklch(66.54% 0.1061 274.63) 16.1%, oklch(68.19% 0.1022 273.93) 19.4%, oklch(69.77% 0.0981 272.99) 22.6%, oklch(71.22% 0.0941 271.81) 25.8%, oklch(72.66% 0.0896 271.09) 29.0%, oklch(74.15% 0.0846 270.78) 32.3%, oklch(75.63% 0.0795 270.43) 35.5%, oklch(77.09% 0.0743 269.58) 38.7%, oklch(78.49% 0.0693 267.80) 41.9%, oklch(79.79% 0.0648 264.61) 45.2%, oklch(80.97% 0.0609 259.59) 48.4%, oklch(81.98% 0.0578 252.17) 51.6%, oklch(82.85% 0.0550 241.74) 54.8%, oklch(83.58% 0.0525 229.01) 58.1%, oklch(84.23% 0.0504 214.86) 61.3%, oklch(84.80% 0.0488 200.14) 64.5%, oklch(85.35% 0.0478 185.75) 67.7%, oklch(85.89% 0.0475 172.54) 71.0%, oklch(86.46% 0.0480 161.39) 74.2%, oklch(87.08% 0.0496 152.53) 77.4%, oklch(87.73% 0.0526 144.74) 80.6%, oklch(88.38% 0.0567 137.91) 83.9%, oklch(89.02% 0.0614 131.97) 87.1%, oklch(89.62% 0.0662 126.85) 90.3%, oklch(90.15% 0.0708 122.47) 93.5%, oklch(90.60% 0.0746 118.78) 96.8%, oklch(90.94% 0.0772 115.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.121 | 276.3 |
| 2 | 0.709 | 0.095 | 272.1 |
| 3 | 0.815 | 0.059 | 256.2 |
| 4 | 0.866 | 0.048 | 159 |
| 5 | 0.909 | 0.077 | 115.7 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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