# Blue orange teal gradient

Teal, tan and light blue linear gradient with 48 colors: #225a6f, #215d6f, #1f5f6f, #1e636e, #1f666c, #236a69, #286d66, #307062, #3a735e, #45765a, #517955, #5d7b51, #697c4e, #757e4b, #807f4b, #8b804b, #95814e, #9e8252, #a68457, #ad855c, #b48762, #b98967, #be8b6c, #c18e70, #c59073, #c79375, #ca9677, #cc9a78, #cd9d78, #cda179, #cda679, #ccaa7a, #caaf7b, #c7b47e, #c3b981, #bfbe86, #bac38c, #b4c893, #aecc9b, #a9d0a3, #a4d3ac, #9fd6b5, #9cd9bd, #99dbc5, #97ddcc, #97ded3, #97dfd8, #97e0dc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, tan and light blue linear gradient
- Seed: `kScDGhWBurG0a0K`
- Page: https://grabient.com/kScDGhWBurG0a0K?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: dark to light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5 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 | `#225a6f` | `oklch(44.09% 0.0675 226.41)` | Blue Coral | white, 7.5 to 1 |
| 2 | `#215d6f` | `oklch(44.68% 0.0677 222.06)` | Deep Blue Sea | white, 7.3 to 1 |
| 3 | `#1f5f6f` | `oklch(45.37% 0.0680 216.62)` | Excellence | white, 7.1 to 1 |
| 4 | `#1e636e` | `oklch(46.15% 0.0683 210.19)` | Seamount | white, 6.8 to 1 |
| 5 | `#1f666c` | `oklch(47.01% 0.0686 202.89)` | Pacific | white, 6.6 to 1 |
| 6 | `#236a69` | `oklch(47.95% 0.0689 194.83)` | Mosaic Tile | white, 6.3 to 1 |
| 7 | `#286d66` | `oklch(48.95% 0.0693 186.12)` | Antique Green | white, 6 to 1 |
| 8 | `#307062` | `oklch(50.02% 0.0697 176.89)` | Antique Green | white, 5.7 to 1 |
| 9 | `#3a735e` | `oklch(51.14% 0.0701 167.24)` | Nordic Forest | white, 5.5 to 1 |
| 10 | `#45765a` | `oklch(52.30% 0.0706 157.29)` | Como | white, 5.2 to 1 |
| 11 | `#517955` | `oklch(53.50% 0.0710 147.16)` | Torrey Pine | white, 5 to 1 |
| 12 | `#5d7b51` | `oklch(54.72% 0.0715 136.95)` | Garden Club | white, 4.7 to 1 |
| 13 | `#697c4e` | `oklch(55.97% 0.0719 126.79)` | Mint Leaves | black, 4.6 to 1 |
| 14 | `#757e4b` | `oklch(57.23% 0.0724 116.78)` | Turf War | black, 4.8 to 1 |
| 15 | `#807f4b` | `oklch(58.50% 0.0728 107.04)` | Terrapin | black, 5 to 1 |
| 16 | `#8b804b` | `oklch(59.76% 0.0733 97.69)` | Ovoid Fruit | black, 5.2 to 1 |
| 17 | `#95814e` | `oklch(61.02% 0.0737 88.84)` | Picholine Olive | black, 5.5 to 1 |
| 18 | `#9e8252` | `oklch(62.25% 0.0741 80.60)` | Aztec Brick | black, 5.7 to 1 |
| 19 | `#a68457` | `oklch(63.46% 0.0744 73.10)` | Cumin | black, 6 to 1 |
| 20 | `#ad855c` | `oklch(64.64% 0.0748 66.43)` | Cool Copper | black, 6.3 to 1 |
| 21 | `#b48762` | `oklch(65.77% 0.0751 60.72)` | Doe | black, 6.5 to 1 |
| 22 | `#b98967` | `oklch(66.85% 0.0753 56.08)` | Carnal Brown | black, 6.8 to 1 |
| 23 | `#be8b6c` | `oklch(67.88% 0.0756 52.63)` | Tiny Fawn | black, 7 to 1 |
| 24 | `#c18e70` | `oklch(68.84% 0.0757 50.48)` | Tiny Fawn | black, 7.3 to 1 |
| 25 | `#c59073` | `oklch(69.74% 0.0758 49.73)` | Baker’s Dream | black, 7.6 to 1 |
| 26 | `#c79375` | `oklch(70.62% 0.0759 50.34)` | Portrait Tone | black, 7.8 to 1 |
| 27 | `#ca9677` | `oklch(71.50% 0.0759 52.20)` | Sonora Shade | black, 8.1 to 1 |
| 28 | `#cc9a78` | `oklch(72.38% 0.0759 55.20)` | Sweet Almond | black, 8.4 to 1 |
| 29 | `#cd9d78` | `oklch(73.24% 0.0759 59.24)` | Fresh Croissant | black, 8.7 to 1 |
| 30 | `#cda179` | `oklch(74.10% 0.0758 64.20)` | Kenya | black, 9 to 1 |
| 31 | `#cda679` | `oklch(74.95% 0.0757 69.99)` | Stonebriar | black, 9.3 to 1 |
| 32 | `#ccaa7a` | `oklch(75.78% 0.0756 76.50)` | Burning Gold | black, 9.6 to 1 |
| 33 | `#caaf7b` | `oklch(76.60% 0.0755 83.62)` | Cup of Tea | black, 9.9 to 1 |
| 34 | `#c7b47e` | `oklch(77.40% 0.0753 91.25)` | Aviva | black, 10.2 to 1 |
| 35 | `#c3b981` | `oklch(78.18% 0.0752 99.27)` | Yuma | black, 10.6 to 1 |
| 36 | `#bfbe86` | `oklch(78.95% 0.0750 107.59)` | Pavilion | black, 10.9 to 1 |
| 37 | `#bac38c` | `oklch(79.69% 0.0748 116.09)` | Misty Valley | black, 11.2 to 1 |
| 38 | `#b4c893` | `oklch(80.40% 0.0746 124.68)` | Garden Spot | black, 11.6 to 1 |
| 39 | `#aecc9b` | `oklch(81.09% 0.0744 133.23)` | Greenhorn | black, 11.9 to 1 |
| 40 | `#a9d0a3` | `oklch(81.75% 0.0742 141.66)` | Relaxation Green | black, 12.2 to 1 |
| 41 | `#a4d3ac` | `oklch(82.39% 0.0740 149.84)` | Chinook | black, 12.5 to 1 |
| 42 | `#9fd6b5` | `oklch(82.99% 0.0738 157.68)` | Nihilakh Oxide | black, 12.8 to 1 |
| 43 | `#9cd9bd` | `oklch(83.55% 0.0736 165.07)` | Green Jewel | black, 13 to 1 |
| 44 | `#99dbc5` | `oklch(84.09% 0.0735 171.91)` | Pageant Green | black, 13.2 to 1 |
| 45 | `#97ddcc` | `oklch(84.58% 0.0733 178.07)` | Tropical Freeze | black, 13.5 to 1 |
| 46 | `#97ded3` | `oklch(85.04% 0.0732 183.47)` | Pale Robin Egg Blue | black, 13.7 to 1 |
| 47 | `#97dfd8` | `oklch(85.45% 0.0731 187.99)` | Pale Beryl | black, 13.8 to 1 |
| 48 | `#97e0dc` | `oklch(85.83% 0.0730 191.53)` | Pale Pastel | black, 14 to 1 |

## CSS

```css
background: linear-gradient(45deg, #225a6f 0.0%, #215d6f 2.1%, #1f5f6f 4.3%, #1e636e 6.4%, #1f666c 8.5%, #236a69 10.6%, #286d66 12.8%, #307062 14.9%, #3a735e 17.0%, #45765a 19.1%, #517955 21.3%, #5d7b51 23.4%, #697c4e 25.5%, #757e4b 27.7%, #807f4b 29.8%, #8b804b 31.9%, #95814e 34.0%, #9e8252 36.2%, #a68457 38.3%, #ad855c 40.4%, #b48762 42.6%, #b98967 44.7%, #be8b6c 46.8%, #c18e70 48.9%, #c59073 51.1%, #c79375 53.2%, #ca9677 55.3%, #cc9a78 57.4%, #cd9d78 59.6%, #cda179 61.7%, #cda679 63.8%, #ccaa7a 66.0%, #caaf7b 68.1%, #c7b47e 70.2%, #c3b981 72.3%, #bfbe86 74.5%, #bac38c 76.6%, #b4c893 78.7%, #aecc9b 80.9%, #a9d0a3 83.0%, #a4d3ac 85.1%, #9fd6b5 87.2%, #9cd9bd 89.4%, #99dbc5 91.5%, #97ddcc 93.6%, #97ded3 95.7%, #97dfd8 97.9%, #97e0dc 100.0%);
background: linear-gradient(45deg in oklch, oklch(44.09% 0.0675 226.41) 0.0%, oklch(44.68% 0.0677 222.06) 2.1%, oklch(45.37% 0.0680 216.62) 4.3%, oklch(46.15% 0.0683 210.19) 6.4%, oklch(47.01% 0.0686 202.89) 8.5%, oklch(47.95% 0.0689 194.83) 10.6%, oklch(48.95% 0.0693 186.12) 12.8%, oklch(50.02% 0.0697 176.89) 14.9%, oklch(51.14% 0.0701 167.24) 17.0%, oklch(52.30% 0.0706 157.29) 19.1%, oklch(53.50% 0.0710 147.16) 21.3%, oklch(54.72% 0.0715 136.95) 23.4%, oklch(55.97% 0.0719 126.79) 25.5%, oklch(57.23% 0.0724 116.78) 27.7%, oklch(58.50% 0.0728 107.04) 29.8%, oklch(59.76% 0.0733 97.69) 31.9%, oklch(61.02% 0.0737 88.84) 34.0%, oklch(62.25% 0.0741 80.60) 36.2%, oklch(63.46% 0.0744 73.10) 38.3%, oklch(64.64% 0.0748 66.43) 40.4%, oklch(65.77% 0.0751 60.72) 42.6%, oklch(66.85% 0.0753 56.08) 44.7%, oklch(67.88% 0.0756 52.63) 46.8%, oklch(68.84% 0.0757 50.48) 48.9%, oklch(69.74% 0.0758 49.73) 51.1%, oklch(70.62% 0.0759 50.34) 53.2%, oklch(71.50% 0.0759 52.20) 55.3%, oklch(72.38% 0.0759 55.20) 57.4%, oklch(73.24% 0.0759 59.24) 59.6%, oklch(74.10% 0.0758 64.20) 61.7%, oklch(74.95% 0.0757 69.99) 63.8%, oklch(75.78% 0.0756 76.50) 66.0%, oklch(76.60% 0.0755 83.62) 68.1%, oklch(77.40% 0.0753 91.25) 70.2%, oklch(78.18% 0.0752 99.27) 72.3%, oklch(78.95% 0.0750 107.59) 74.5%, oklch(79.69% 0.0748 116.09) 76.6%, oklch(80.40% 0.0746 124.68) 78.7%, oklch(81.09% 0.0744 133.23) 80.9%, oklch(81.75% 0.0742 141.66) 83.0%, oklch(82.39% 0.0740 149.84) 85.1%, oklch(82.99% 0.0738 157.68) 87.2%, oklch(83.55% 0.0736 165.07) 89.4%, oklch(84.09% 0.0735 171.91) 91.5%, oklch(84.58% 0.0733 178.07) 93.6%, oklch(85.04% 0.0732 183.47) 95.7%, oklch(85.45% 0.0731 187.99) 97.9%, oklch(85.83% 0.0730 191.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.068 | 226.4 |
| 2 | 0.693 | 0.076 | 49.9 |
| 3 | 0.858 | 0.073 | 191.5 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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