# Golden mint blue breeze

Pastel blue, orange and tan linear gradient with 40 colors: #24a5c4, #0cabc1, #00b4ba, #00bdaf, #33c69e, #5fcc89, #88d070, #add057, #cdce40, #e5cb32, #f4c82e, #fec430, #ffc14c, #ffbe57, #ffba56, #ffb54d, #fcb147, #f5b049, #ecb04a, #e2b24d, #d7b653, #c5bc5f, #adc274, #96c68d, #84c7a6, #7fc6ba, #85c3c7, #8fc0ce, #98bed1, #9dbdd2, #9ebfd3, #9bc3d5, #96c9d5, #91cfd1, #90d6c7, #99dab7, #acdca3, #c3db91, #d8d983, #e6d67c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel blue, orange and tan linear gradient
- Seed: `kWqlKb67sxGQuPzjkNG7qkvo`
- Page: https://grabient.com/kWqlKb67sxGQuPzjkNG7qkvo?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.9 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 | `#24a5c4` | `oklch(66.93% 0.1130 218.67)` | True Sky Blue | black, 7.2 to 1 |
| 2 | `#0cabc1` | `oklch(68.13% 0.1164 210.40)` | Sarah’s Garden | black, 7.6 to 1 |
| 3 | `#00b4ba` | `oklch(69.81% 0.1187 199.03)` | Cyan Sky | black, 8.2 to 1 |
| 4 | `#00bdaf` | `oklch(71.85% 0.1264 185.34)` | Turquoise Topaz | black, 8.9 to 1 |
| 5 | `#33c69e` | `oklch(74.11% 0.1340 170.13)` | Jadeite | black, 9.7 to 1 |
| 6 | `#5fcc89` | `oklch(76.45% 0.1409 154.19)` | Spring Bouquet | black, 10.5 to 1 |
| 7 | `#88d070` | `oklch(78.75% 0.1475 138.31)` | Green Lacewing | black, 11.2 to 1 |
| 8 | `#add057` | `oklch(80.86% 0.1534 123.30)` | Young Green Onion | black, 11.9 to 1 |
| 9 | `#cdce40` | `oklch(82.66% 0.1582 109.94)` | Lizard Belly | black, 12.5 to 1 |
| 10 | `#e5cb32` | `oklch(84.01% 0.1614 99.02)` | Soleil | black, 12.9 to 1 |
| 11 | `#f4c82e` | `oklch(84.78% 0.1627 91.25)` | Leery Lemon | black, 13.1 to 1 |
| 12 | `#fec430` | `oklch(85.00% 0.1625 85.17)` | Bright Bubble | black, 13.1 to 1 |
| 13 | `#ffc14c` | `oklch(84.78% 0.1473 80.10)` | Nârenji Orange | black, 13 to 1 |
| 14 | `#ffbe57` | `oklch(84.22% 0.1399 76.17)` | Honey Crusted Chicken | black, 12.7 to 1 |
| 15 | `#ffba56` | `oklch(83.41% 0.1400 73.50)` | Honey Crusted Chicken | black, 12.3 to 1 |
| 16 | `#ffb54d` | `oklch(82.45% 0.1454 72.20)` | Koromiko | black, 11.9 to 1 |
| 17 | `#fcb147` | `oklch(81.43% 0.1465 72.39)` | Butterscotch | black, 11.5 to 1 |
| 18 | `#f5b049` | `oklch(80.44% 0.1413 74.20)` | Koji Orange | black, 11.1 to 1 |
| 19 | `#ecb04a` | `oklch(79.58% 0.1356 77.74)` | Brittlebush | black, 10.9 to 1 |
| 20 | `#e2b24d` | `oklch(78.95% 0.1298 83.14)` | Va Va Voom | black, 10.7 to 1 |
| 21 | `#d7b653` | `oklch(78.58% 0.1235 91.02)` | Farm Straw | black, 10.6 to 1 |
| 22 | `#c5bc5f` | `oklch(78.29% 0.1153 103.93)` | Baby Frog | black, 10.7 to 1 |
| 23 | `#adc274` | `oklch(78.03% 0.1055 120.99)` | Lavish Lime | black, 10.7 to 1 |
| 24 | `#96c68d` | `oklch(77.82% 0.0948 140.78)` | Picnic | black, 10.7 to 1 |
| 25 | `#84c7a6` | `oklch(77.67% 0.0838 161.86)` | Aqua Eden | black, 10.7 to 1 |
| 26 | `#7fc6ba` | `oklch(77.59% 0.0730 182.78)` | Booty Bay | black, 10.6 to 1 |
| 27 | `#85c3c7` | `oklch(77.60% 0.0632 202.12)` | Big Sky Country | black, 10.6 to 1 |
| 28 | `#8fc0ce` | `oklch(77.71% 0.0550 218.43)` | Eastern Sky | black, 10.5 to 1 |
| 29 | `#98bed1` | `oklch(77.92% 0.0490 230.28)` | Gentle Sky | black, 10.5 to 1 |
| 30 | `#9dbdd2` | `oklch(78.24% 0.0458 236.24)` | Bush Viper | black, 10.6 to 1 |
| 31 | `#9ebfd3` | `oklch(78.74% 0.0460 235.11)` | Sky Bus | black, 10.8 to 1 |
| 32 | `#9bc3d5` | `oklch(79.47% 0.0495 227.53)` | June | black, 11.1 to 1 |
| 33 | `#96c9d5` | `oklch(80.38% 0.0556 214.86)` | Idyllic Isle | black, 11.5 to 1 |
| 34 | `#91cfd1` | `oklch(81.41% 0.0637 198.48)` | Fling Green | black, 12 to 1 |
| 35 | `#90d6c7` | `oklch(82.51% 0.0729 179.76)` | Middle Blue Green | black, 12.6 to 1 |
| 36 | `#99dab7` | `oklch(83.62% 0.0827 160.08)` | Birthday King | black, 13.1 to 1 |
| 37 | `#acdca3` | `oklch(84.68% 0.0923 140.82)` | Witty Green | black, 13.5 to 1 |
| 38 | `#c3db91` | `oklch(85.64% 0.1010 123.34)` | Tree Line | black, 13.8 to 1 |
| 39 | `#d8d983` | `oklch(86.43% 0.1082 109.03)` | Wax Green | black, 14.1 to 1 |
| 40 | `#e6d67c` | `oklch(87.01% 0.1130 99.26)` | Gold Winged | black, 14.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #24a5c4 0.0%, #0cabc1 2.6%, #00b4ba 5.1%, #00bdaf 7.7%, #33c69e 10.3%, #5fcc89 12.8%, #88d070 15.4%, #add057 17.9%, #cdce40 20.5%, #e5cb32 23.1%, #f4c82e 25.6%, #fec430 28.2%, #ffc14c 30.8%, #ffbe57 33.3%, #ffba56 35.9%, #ffb54d 38.5%, #fcb147 41.0%, #f5b049 43.6%, #ecb04a 46.2%, #e2b24d 48.7%, #d7b653 51.3%, #c5bc5f 53.8%, #adc274 56.4%, #96c68d 59.0%, #84c7a6 61.5%, #7fc6ba 64.1%, #85c3c7 66.7%, #8fc0ce 69.2%, #98bed1 71.8%, #9dbdd2 74.4%, #9ebfd3 76.9%, #9bc3d5 79.5%, #96c9d5 82.1%, #91cfd1 84.6%, #90d6c7 87.2%, #99dab7 89.7%, #acdca3 92.3%, #c3db91 94.9%, #d8d983 97.4%, #e6d67c 100.0%);
background: linear-gradient(45deg in oklch, oklch(66.93% 0.1130 218.67) 0.0%, oklch(68.13% 0.1164 210.40) 2.6%, oklch(69.81% 0.1187 199.03) 5.1%, oklch(71.85% 0.1264 185.34) 7.7%, oklch(74.11% 0.1340 170.13) 10.3%, oklch(76.45% 0.1409 154.19) 12.8%, oklch(78.75% 0.1475 138.31) 15.4%, oklch(80.86% 0.1534 123.30) 17.9%, oklch(82.66% 0.1582 109.94) 20.5%, oklch(84.01% 0.1614 99.02) 23.1%, oklch(84.78% 0.1627 91.25) 25.6%, oklch(85.00% 0.1625 85.17) 28.2%, oklch(84.78% 0.1473 80.10) 30.8%, oklch(84.22% 0.1399 76.17) 33.3%, oklch(83.41% 0.1400 73.50) 35.9%, oklch(82.45% 0.1454 72.20) 38.5%, oklch(81.43% 0.1465 72.39) 41.0%, oklch(80.44% 0.1413 74.20) 43.6%, oklch(79.58% 0.1356 77.74) 46.2%, oklch(78.95% 0.1298 83.14) 48.7%, oklch(78.58% 0.1235 91.02) 51.3%, oklch(78.29% 0.1153 103.93) 53.8%, oklch(78.03% 0.1055 120.99) 56.4%, oklch(77.82% 0.0948 140.78) 59.0%, oklch(77.67% 0.0838 161.86) 61.5%, oklch(77.59% 0.0730 182.78) 64.1%, oklch(77.60% 0.0632 202.12) 66.7%, oklch(77.71% 0.0550 218.43) 69.2%, oklch(77.92% 0.0490 230.28) 71.8%, oklch(78.24% 0.0458 236.24) 74.4%, oklch(78.74% 0.0460 235.11) 76.9%, oklch(79.47% 0.0495 227.53) 79.5%, oklch(80.38% 0.0556 214.86) 82.1%, oklch(81.41% 0.0637 198.48) 84.6%, oklch(82.51% 0.0729 179.76) 87.2%, oklch(83.62% 0.0827 160.08) 89.7%, oklch(84.68% 0.0923 140.82) 92.3%, oklch(85.64% 0.1010 123.34) 94.9%, oklch(86.43% 0.1082 109.03) 97.4%, oklch(87.01% 0.1130 99.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.113 | 218.7 |
| 2 | 0.846 | 0.163 | 92.9 |
| 3 | 0.787 | 0.127 | 86.6 |
| 4 | 0.783 | 0.045 | 236.6 |
| 5 | 0.87 | 0.113 | 99.3 |

## In these collections

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

## Other forms

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