# Tan, blue, teal and brown linear gradient

Tan, blue, teal and brown linear gradient with 48 colors: #e4b055, #d9b353, #c8b855, #b3bd5f, #9ac070, #7ec384, #62c29a, #4cbfad, #42babd, #46b3c9, #51aacf, #5aa2d0, #609acf, #6391ca, #6287c4, #5f7cbc, #5971b3, #5367ab, #4c5da2, #44549b, #3b4d95, #334990, #2a478d, #1f498d, #0f4e8e, #00598e, #00678f, #007893, #008b98, #0ba09b, #48b299, #72c197, #96ce95, #b6d795, #cedc96, #dfde97, #e8da94, #ebd38e, #e8c885, #e2bb7a, #d9ac6e, #cf9c60, #c38c51, #b67c43, #ab6e36, #a0612a, #985720, #924f1b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWyFo41aRTjUswVwoS3v6g54`
- Page: https://grabient.com/kWyFo41aRTjUswVwoS3v6g54?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 6.2 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 | `#e4b055` | `oklch(78.74% 0.1240 79.45)` | Cookie Crust | black, 10.6 to 1 |
| 2 | `#d9b353` | `oklch(78.22% 0.1226 88.17)` | Honey Grove | black, 10.5 to 1 |
| 3 | `#c8b855` | `oklch(77.64% 0.1207 99.83)` | Almond Puff | black, 10.4 to 1 |
| 4 | `#b3bd5f` | `oklch(76.98% 0.1183 113.81)` | Middle Green Yellow | black, 10.3 to 1 |
| 5 | `#9ac070` | `oklch(76.24% 0.1156 129.54)` | Leticiaz | black, 10.1 to 1 |
| 6 | `#7ec384` | `oklch(75.42% 0.1127 146.43)` | Rally Green | black, 9.9 to 1 |
| 7 | `#62c29a` | `oklch(74.51% 0.1098 163.87)` | Silver Tree | black, 9.7 to 1 |
| 8 | `#4cbfad` | `oklch(73.51% 0.1070 181.28)` | Emerald Bliss | black, 9.3 to 1 |
| 9 | `#42babd` | `oklch(72.41% 0.1044 198.07)` | Montego Bay | black, 8.9 to 1 |
| 10 | `#46b3c9` | `oklch(71.21% 0.1022 213.65)` | Viking | black, 8.5 to 1 |
| 11 | `#51aacf` | `oklch(69.90% 0.1005 227.41)` | Estero Sky | black, 8 to 1 |
| 12 | `#5aa2d0` | `oklch(68.47% 0.0995 238.77)` | Sub-Zero | black, 7.5 to 1 |
| 13 | `#609acf` | `oklch(66.91% 0.0992 247.22)` | Lothern Blue | black, 7 to 1 |
| 14 | `#6391ca` | `oklch(64.84% 0.0999 253.98)` | Cobalt Glow | black, 6.4 to 1 |
| 15 | `#6287c4` | `oklch(62.24% 0.1015 259.67)` | Marina | black, 5.7 to 1 |
| 16 | `#5f7cbc` | `oklch(59.27% 0.1037 264.28)` | Ultramarine Blue | black, 5.1 to 1 |
| 17 | `#5971b3` | `oklch(56.09% 0.1064 267.77)` | Prefect | white, 4.7 to 1 |
| 18 | `#5367ab` | `oklch(52.86% 0.1094 270.15)` | Submarine Base | white, 5.4 to 1 |
| 19 | `#4c5da2` | `oklch(49.74% 0.1125 271.38)` | Purple Frenzy | white, 6.2 to 1 |
| 20 | `#44549b` | `oklch(46.89% 0.1155 271.46)` | Nuthatch Back | white, 7 to 1 |
| 21 | `#3b4d95` | `oklch(44.48% 0.1182 270.36)` | Deep Ultramarine | white, 7.8 to 1 |
| 22 | `#334990` | `oklch(42.65% 0.1204 268.06)` | Blue Highlight | white, 8.4 to 1 |
| 23 | `#2a478d` | `oklch(41.58% 0.1220 264.56)` | Pacific Navy | white, 8.7 to 1 |
| 24 | `#1f498d` | `oklch(41.42% 0.1227 259.82)` | Nuit Blanche | white, 8.8 to 1 |
| 25 | `#0f4e8e` | `oklch(42.39% 0.1223 253.62)` | Lapis Blue | white, 8.3 to 1 |
| 26 | `#00598e` | `oklch(44.81% 0.1124 244.83)` | Bandana | white, 7.4 to 1 |
| 27 | `#00678f` | `oklch(48.45% 0.1009 233.63)` | Pulsating Blue | white, 6.2 to 1 |
| 28 | `#007893` | `oklch(53.03% 0.0969 220.54)` | Celestial | white, 5.1 to 1 |
| 29 | `#008b98` | `oklch(58.26% 0.0997 206.07)` | Atlantic Blue | black, 5.1 to 1 |
| 30 | `#0ba09b` | `oklch(63.84% 0.1085 190.69)` | Talismanic Teal | black, 6.5 to 1 |
| 31 | `#48b299` | `oklch(69.49% 0.1047 174.92)` | Green Blue | black, 8.1 to 1 |
| 32 | `#72c197` | `oklch(74.91% 0.1010 159.22)` | Felt Green | black, 9.8 to 1 |
| 33 | `#96ce95` | `oklch(79.80% 0.0975 144.10)` | Fennel | black, 11.5 to 1 |
| 34 | `#b6d795` | `oklch(83.88% 0.0946 130.03)` | Witty Green | black, 13.1 to 1 |
| 35 | `#cedc96` | `oklch(86.86% 0.0924 117.52)` | Pear Perfume | black, 14.3 to 1 |
| 36 | `#dfde97` | `oklch(88.44% 0.0911 107.06)` | Bored Accent Green | black, 15 to 1 |
| 37 | `#e8da94` | `oklch(88.44% 0.0908 98.64)` | Pineapple Slice | black, 14.9 to 1 |
| 38 | `#ebd38e` | `oklch(87.08% 0.0913 91.31)` | Glistening | black, 14.2 to 1 |
| 39 | `#e8c885` | `oklch(84.61% 0.0924 84.91)` | Marzipan | black, 13 to 1 |
| 40 | `#e2bb7a` | `oklch(81.25% 0.0940 79.36)` | Wheat Bread | black, 11.6 to 1 |
| 41 | `#d9ac6e` | `oklch(77.24% 0.0960 74.56)` | Frankincense | black, 10 to 1 |
| 42 | `#cf9c60` | `oklch(72.79% 0.0983 70.42)` | Oak Buff | black, 8.5 to 1 |
| 43 | `#c38c51` | `oklch(68.15% 0.1007 66.84)` | Caramel Macchiato | black, 7.1 to 1 |
| 44 | `#b67c43` | `oklch(63.54% 0.1031 63.73)` | Spruce Yellow | black, 5.9 to 1 |
| 45 | `#ab6e36` | `oklch(59.19% 0.1054 60.99)` | Tanooki Suit Brown | black, 5 to 1 |
| 46 | `#a0612a` | `oklch(55.33% 0.1075 58.53)` | Cathay Spice | white, 4.9 to 1 |
| 47 | `#985720` | `oklch(52.19% 0.1091 56.27)` | Mammoth Wool | white, 5.6 to 1 |
| 48 | `#924f1b` | `oklch(50.00% 0.1102 54.09)` | Nightcap | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e4b055 0.0%, #d9b353 2.1%, #c8b855 4.3%, #b3bd5f 6.4%, #9ac070 8.5%, #7ec384 10.6%, #62c29a 12.8%, #4cbfad 14.9%, #42babd 17.0%, #46b3c9 19.1%, #51aacf 21.3%, #5aa2d0 23.4%, #609acf 25.5%, #6391ca 27.7%, #6287c4 29.8%, #5f7cbc 31.9%, #5971b3 34.0%, #5367ab 36.2%, #4c5da2 38.3%, #44549b 40.4%, #3b4d95 42.6%, #334990 44.7%, #2a478d 46.8%, #1f498d 48.9%, #0f4e8e 51.1%, #00598e 53.2%, #00678f 55.3%, #007893 57.4%, #008b98 59.6%, #0ba09b 61.7%, #48b299 63.8%, #72c197 66.0%, #96ce95 68.1%, #b6d795 70.2%, #cedc96 72.3%, #dfde97 74.5%, #e8da94 76.6%, #ebd38e 78.7%, #e8c885 80.9%, #e2bb7a 83.0%, #d9ac6e 85.1%, #cf9c60 87.2%, #c38c51 89.4%, #b67c43 91.5%, #ab6e36 93.6%, #a0612a 95.7%, #985720 97.9%, #924f1b 100.0%);
background: linear-gradient(135deg in oklch, oklch(78.74% 0.1240 79.45) 0.0%, oklch(78.22% 0.1226 88.17) 2.1%, oklch(77.64% 0.1207 99.83) 4.3%, oklch(76.98% 0.1183 113.81) 6.4%, oklch(76.24% 0.1156 129.54) 8.5%, oklch(75.42% 0.1127 146.43) 10.6%, oklch(74.51% 0.1098 163.87) 12.8%, oklch(73.51% 0.1070 181.28) 14.9%, oklch(72.41% 0.1044 198.07) 17.0%, oklch(71.21% 0.1022 213.65) 19.1%, oklch(69.90% 0.1005 227.41) 21.3%, oklch(68.47% 0.0995 238.77) 23.4%, oklch(66.91% 0.0992 247.22) 25.5%, oklch(64.84% 0.0999 253.98) 27.7%, oklch(62.24% 0.1015 259.67) 29.8%, oklch(59.27% 0.1037 264.28) 31.9%, oklch(56.09% 0.1064 267.77) 34.0%, oklch(52.86% 0.1094 270.15) 36.2%, oklch(49.74% 0.1125 271.38) 38.3%, oklch(46.89% 0.1155 271.46) 40.4%, oklch(44.48% 0.1182 270.36) 42.6%, oklch(42.65% 0.1204 268.06) 44.7%, oklch(41.58% 0.1220 264.56) 46.8%, oklch(41.42% 0.1227 259.82) 48.9%, oklch(42.39% 0.1223 253.62) 51.1%, oklch(44.81% 0.1124 244.83) 53.2%, oklch(48.45% 0.1009 233.63) 55.3%, oklch(53.03% 0.0969 220.54) 57.4%, oklch(58.26% 0.0997 206.07) 59.6%, oklch(63.84% 0.1085 190.69) 61.7%, oklch(69.49% 0.1047 174.92) 63.8%, oklch(74.91% 0.1010 159.22) 66.0%, oklch(79.80% 0.0975 144.10) 68.1%, oklch(83.88% 0.0946 130.03) 70.2%, oklch(86.86% 0.0924 117.52) 72.3%, oklch(88.44% 0.0911 107.06) 74.5%, oklch(88.44% 0.0908 98.64) 76.6%, oklch(87.08% 0.0913 91.31) 78.7%, oklch(84.61% 0.0924 84.91) 80.9%, oklch(81.25% 0.0940 79.36) 83.0%, oklch(77.24% 0.0960 74.56) 85.1%, oklch(72.79% 0.0983 70.42) 87.2%, oklch(68.15% 0.1007 66.84) 89.4%, oklch(63.54% 0.1031 63.73) 91.5%, oklch(59.19% 0.1054 60.99) 93.6%, oklch(55.33% 0.1075 58.53) 95.7%, oklch(52.19% 0.1091 56.27) 97.9%, oklch(50.00% 0.1102 54.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.124 | 79.5 |
| 2 | 0.673 | 0.099 | 245.4 |
| 3 | 0.417 | 0.123 | 257 |
| 4 | 0.886 | 0.091 | 104.8 |
| 5 | 0.5 | 0.11 | 54.1 |

## Other forms

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