# Teal orange gradient

Light blue, pink, tan and lavender linear gradient with 32 colors: #93c8c3, #91c9cc, #92c8d8, #9bc5e3, #aac1eb, #bdbcec, #d0b7e6, #e0b4db, #ebb2cd, #f4b2bf, #f9b5ae, #fbba9f, #f8c094, #f1c68d, #e9ca89, #e2ca87, #dec584, #dabb7f, #d5ac7d, #cd9d7d, #c28f80, #b48485, #a77c89, #9c798d, #957a94, #917f9d, #8f86a9, #8d90b5, #8a9bbf, #88a6c8, #86afcd, #85b5cf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, pink, tan and lavender linear gradient
- Seed: `kWyimF6JtSeqgzJOErK3xczQ`
- Page: https://grabient.com/kWyimF6JtSeqgzJOErK3xczQ?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: pastel
- Hues: two-hue
- 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 | `#93c8c3` | `oklch(79.53% 0.0565 187.73)` | Jamaica Bay | black, 11.3 to 1 |
| 2 | `#91c9cc` | `oklch(79.76% 0.0580 200.62)` | Bathing | black, 11.3 to 1 |
| 3 | `#92c8d8` | `oklch(80.07% 0.0599 218.21)` | Blue Glint | black, 11.4 to 1 |
| 4 | `#9bc5e3` | `oklch(80.45% 0.0623 239.19)` | Pale Cerulean | black, 11.5 to 1 |
| 5 | `#aac1eb` | `oklch(80.86% 0.0648 262.21)` | Sky High | black, 11.5 to 1 |
| 6 | `#bdbcec` | `oklch(81.28% 0.0675 285.95)` | Vodka | black, 11.5 to 1 |
| 7 | `#d0b7e6` | `oklch(81.69% 0.0702 309.09)` | Pretty Petunia | black, 11.6 to 1 |
| 8 | `#e0b4db` | `oklch(82.05% 0.0727 330.30)` | French Lilac | black, 11.6 to 1 |
| 9 | `#ebb2cd` | `oklch(82.36% 0.0750 348.44)` | Gumball | black, 11.7 to 1 |
| 10 | `#f4b2bf` | `oklch(82.87% 0.0776 6.55)` | Ibis | black, 11.9 to 1 |
| 11 | `#f9b5ae` | `oklch(83.55% 0.0806 25.29)` | Peach Bud | black, 12.2 to 1 |
| 12 | `#fbba9f` | `oklch(84.25% 0.0837 43.57)` | Pallid Orange | black, 12.6 to 1 |
| 13 | `#f8c094` | `oklch(84.84% 0.0865 60.30)` | Melon Melody | black, 12.9 to 1 |
| 14 | `#f1c68d` | `oklch(85.17% 0.0888 74.38)` | Skullcrusher Brass | black, 13.2 to 1 |
| 15 | `#e9ca89` | `oklch(85.08% 0.0901 84.73)` | Ochre Revival | black, 13.2 to 1 |
| 16 | `#e2ca87` | `oklch(84.44% 0.0901 90.25)` | Camel Cord | black, 13 to 1 |
| 17 | `#dec584` | `oklch(83.02% 0.0885 89.80)` | 24 Karat | black, 12.4 to 1 |
| 18 | `#dabb7f` | `oklch(80.49% 0.0847 82.87)` | Honeymoon | black, 11.3 to 1 |
| 19 | `#d5ac7d` | `oklch(77.13% 0.0793 70.74)` | Paper Brown | black, 10 to 1 |
| 20 | `#cd9d7d` | `oklch(73.35% 0.0729 54.84)` | Desert Carnation | black, 8.7 to 1 |
| 21 | `#c28f80` | `oklch(69.52% 0.0663 36.62)` | Roycroft Rose | black, 7.5 to 1 |
| 22 | `#b48485` | `oklch(66.03% 0.0601 17.53)` | Retro Pink | black, 6.5 to 1 |
| 23 | `#a77c89` | `oklch(63.27% 0.0549 359.00)` | Silken Raspberry | black, 5.8 to 1 |
| 24 | `#9c798d` | `oklch(61.61% 0.0515 342.49)` | Mountbatten Pink | black, 5.5 to 1 |
| 25 | `#957a94` | `oklch(61.36% 0.0502 327.86)` | Violet Persuasion | black, 5.4 to 1 |
| 26 | `#917f9d` | `oklch(62.28% 0.0506 312.28)` | Wildflower | black, 5.7 to 1 |
| 27 | `#8f86a9` | `oklch(64.07% 0.0521 296.25)` | Purple Hills | black, 6.1 to 1 |
| 28 | `#8d90b5` | `oklch(66.39% 0.0544 280.42)` | Fresh Lavender | black, 6.7 to 1 |
| 29 | `#8a9bbf` | `oklch(68.95% 0.0571 265.43)` | Manifest Destiny | black, 7.5 to 1 |
| 30 | `#88a6c8` | `oklch(71.41% 0.0598 251.95)` | High Tide | black, 8.3 to 1 |
| 31 | `#86afcd` | `oklch(73.47% 0.0620 240.63)` | Mini Bay | black, 9 to 1 |
| 32 | `#85b5cf` | `oklch(74.80% 0.0634 232.12)` | Harbour Sky | black, 9.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #93c8c3 0.0%, #91c9cc 3.2%, #92c8d8 6.5%, #9bc5e3 9.7%, #aac1eb 12.9%, #bdbcec 16.1%, #d0b7e6 19.4%, #e0b4db 22.6%, #ebb2cd 25.8%, #f4b2bf 29.0%, #f9b5ae 32.3%, #fbba9f 35.5%, #f8c094 38.7%, #f1c68d 41.9%, #e9ca89 45.2%, #e2ca87 48.4%, #dec584 51.6%, #dabb7f 54.8%, #d5ac7d 58.1%, #cd9d7d 61.3%, #c28f80 64.5%, #b48485 67.7%, #a77c89 71.0%, #9c798d 74.2%, #957a94 77.4%, #917f9d 80.6%, #8f86a9 83.9%, #8d90b5 87.1%, #8a9bbf 90.3%, #88a6c8 93.5%, #86afcd 96.8%, #85b5cf 100.0%);
background: linear-gradient(225deg in oklch, oklch(79.53% 0.0565 187.73) 0.0%, oklch(79.76% 0.0580 200.62) 3.2%, oklch(80.07% 0.0599 218.21) 6.5%, oklch(80.45% 0.0623 239.19) 9.7%, oklch(80.86% 0.0648 262.21) 12.9%, oklch(81.28% 0.0675 285.95) 16.1%, oklch(81.69% 0.0702 309.09) 19.4%, oklch(82.05% 0.0727 330.30) 22.6%, oklch(82.36% 0.0750 348.44) 25.8%, oklch(82.87% 0.0776 6.55) 29.0%, oklch(83.55% 0.0806 25.29) 32.3%, oklch(84.25% 0.0837 43.57) 35.5%, oklch(84.84% 0.0865 60.30) 38.7%, oklch(85.17% 0.0888 74.38) 41.9%, oklch(85.08% 0.0901 84.73) 45.2%, oklch(84.44% 0.0901 90.25) 48.4%, oklch(83.02% 0.0885 89.80) 51.6%, oklch(80.49% 0.0847 82.87) 54.8%, oklch(77.13% 0.0793 70.74) 58.1%, oklch(73.35% 0.0729 54.84) 61.3%, oklch(69.52% 0.0663 36.62) 64.5%, oklch(66.03% 0.0601 17.53) 67.7%, oklch(63.27% 0.0549 359.00) 71.0%, oklch(61.61% 0.0515 342.49) 74.2%, oklch(61.36% 0.0502 327.86) 77.4%, oklch(62.28% 0.0506 312.28) 80.6%, oklch(64.07% 0.0521 296.25) 83.9%, oklch(66.39% 0.0544 280.42) 87.1%, oklch(68.95% 0.0571 265.43) 90.3%, oklch(71.41% 0.0598 251.95) 93.5%, oklch(73.47% 0.0620 240.63) 96.8%, oklch(74.80% 0.0634 232.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.056 | 187.7 |
| 2 | 0.823 | 0.074 | 344.1 |
| 3 | 0.839 | 0.09 | 450.9 |
| 4 | 0.614 | 0.051 | 338.8 |
| 5 | 0.748 | 0.063 | 232.1 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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