# Blue Glaze and Tea Gold

Blue, teal, gray and tan linear gradient with 48 colors: #204b8d, #244d8e, #2a4f8e, #31518e, #38548e, #3f578f, #455a8f, #4b5d8f, #50618e, #55648e, #58678e, #5a6a8e, #5b6d8e, #5a708e, #58738d, #55768b, #537989, #527b85, #537d80, #557e7c, #577f78, #5a7f75, #5d8073, #5e8074, #5e8075, #5e8078, #5d7f7c, #5d7d7f, #5f7a82, #627884, #667584, #6b7284, #707082, #756f80, #7a6e7e, #7f6f7d, #86707d, #8e727c, #97767c, #a17a7a, #ab7f77, #b48574, #bc8c6f, #c2936b, #c79b67, #c9a365, #caa963, #c9af63. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, teal, gray and tan linear gradient
- Seed: `kWa1e4Q5VAciPtRHi1M4KTNw`
- Page: https://grabient.com/kWa1e4Q5VAciPtRHi1M4KTNw?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: dark to light, muted
- Hues: triadic
- Contrast of its darkest and lightest colors: 3.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 | `#204b8d` | `oklch(42.13% 0.1199 258.75)` | Olympian Blue | white, 8.5 to 1 |
| 2 | `#244d8e` | `oklch(42.70% 0.1167 259.28)` | Unity | white, 8.3 to 1 |
| 3 | `#2a4f8e` | `oklch(43.44% 0.1124 260.38)` | Nightly Activities | white, 8 to 1 |
| 4 | `#31518e` | `oklch(44.33% 0.1073 261.86)` | Nightly Activities | white, 7.7 to 1 |
| 5 | `#38548e` | `oklch(45.33% 0.1016 263.55)` | Glimpse of Void | white, 7.4 to 1 |
| 6 | `#3f578f` | `oklch(46.41% 0.0954 265.25)` | Lambent Lagoon | white, 7 to 1 |
| 7 | `#455a8f` | `oklch(47.53% 0.0890 266.79)` | Blue Dude | white, 6.7 to 1 |
| 8 | `#4b5d8f` | `oklch(48.67% 0.0826 267.96)` | Gem | white, 6.4 to 1 |
| 9 | `#50618e` | `oklch(49.77% 0.0763 268.59)` | Karmic Grape | white, 6.1 to 1 |
| 10 | `#55648e` | `oklch(50.82% 0.0705 268.50)` | Dutch Blue | white, 5.8 to 1 |
| 11 | `#58678e` | `oklch(51.79% 0.0652 267.49)` | Allegiance | white, 5.5 to 1 |
| 12 | `#5a6a8e` | `oklch(52.62% 0.0606 265.39)` | Allegiance | white, 5.3 to 1 |
| 13 | `#5b6d8e` | `oklch(53.31% 0.0571 261.94)` | Waikawa Grey | white, 5.2 to 1 |
| 14 | `#5a708e` | `oklch(53.89% 0.0543 255.99)` | Boathouse | white, 5 to 1 |
| 15 | `#58738d` | `oklch(54.42% 0.0520 247.62)` | Copen Blue | white, 4.9 to 1 |
| 16 | `#55768b` | `oklch(54.88% 0.0502 237.46)` | Folk Blue | white, 4.8 to 1 |
| 17 | `#537989` | `oklch(55.29% 0.0488 226.18)` | Cayman Bay | white, 4.7 to 1 |
| 18 | `#527b85` | `oklch(55.65% 0.0477 214.41)` | Holbein Blue Grey | white, 4.6 to 1 |
| 19 | `#537d80` | `oklch(55.97% 0.0469 202.81)` | Labradorite Green | black, 4.6 to 1 |
| 20 | `#557e7c` | `oklch(56.24% 0.0462 192.03)` | Nickel Ore Green | black, 4.6 to 1 |
| 21 | `#577f78` | `oklch(56.48% 0.0456 182.72)` | Hanging Moss | black, 4.7 to 1 |
| 22 | `#5a7f75` | `oklch(56.69% 0.0449 175.52)` | Hanging Moss | black, 4.7 to 1 |
| 23 | `#5d8073` | `oklch(56.86% 0.0442 171.09)` | Cutty Sark | black, 4.7 to 1 |
| 24 | `#5e8074` | `oklch(57.02% 0.0433 170.07)` | Trellis Vine | black, 4.8 to 1 |
| 25 | `#5e8075` | `oklch(57.13% 0.0421 173.04)` | Trellis Vine | black, 4.8 to 1 |
| 26 | `#5e8078` | `oklch(57.07% 0.0404 179.77)` | Hanging Moss | black, 4.8 to 1 |
| 27 | `#5d7f7c` | `oklch(56.87% 0.0384 189.68)` | Stream Burble | black, 4.7 to 1 |
| 28 | `#5d7d7f` | `oklch(56.56% 0.0362 202.23)` | Stream Burble | black, 4.6 to 1 |
| 29 | `#5f7a82` | `oklch(56.20% 0.0340 216.85)` | Country Lake | black, 4.6 to 1 |
| 30 | `#627884` | `oklch(55.84% 0.0319 233.00)` | Tool Blue | white, 4.6 to 1 |
| 31 | `#667584` | `oklch(55.51% 0.0301 250.11)` | Freedom Found | white, 4.7 to 1 |
| 32 | `#6b7284` | `oklch(55.27% 0.0286 267.63)` | Blue Aura | white, 4.8 to 1 |
| 33 | `#707082` | `oklch(55.17% 0.0277 285.01)` | Old Mill Blue | white, 4.8 to 1 |
| 34 | `#756f80` | `oklch(55.24% 0.0275 301.69)` | Ritual | white, 4.8 to 1 |
| 35 | `#7a6e7e` | `oklch(55.54% 0.0281 317.11)` | Composer’s Magic | white, 4.8 to 1 |
| 36 | `#7f6f7d` | `oklch(56.11% 0.0297 330.72)` | Splendiferous | white, 4.7 to 1 |
| 37 | `#86707d` | `oklch(57.02% 0.0326 342.76)` | Innocent Pink | black, 4.6 to 1 |
| 38 | `#8e727c` | `oklch(58.31% 0.0370 354.81)` | Charming Violet | black, 4.8 to 1 |
| 39 | `#97767c` | `oklch(59.91% 0.0426 6.81)` | Bohemian Jazz | black, 5.1 to 1 |
| 40 | `#a17a7a` | `oklch(61.75% 0.0491 18.64)` | Brandied Apple | black, 5.5 to 1 |
| 41 | `#ab7f77` | `oklch(63.75% 0.0562 30.17)` | Ferris Wheel | black, 6 to 1 |
| 42 | `#b48574` | `oklch(65.83% 0.0637 41.25)` | Canyon Earth | black, 6.5 to 1 |
| 43 | `#bc8c6f` | `oklch(67.93% 0.0713 51.76)` | Dune Drift | black, 7.1 to 1 |
| 44 | `#c2936b` | `oklch(69.96% 0.0787 61.57)` | Sunset Cloud | black, 7.7 to 1 |
| 45 | `#c79b67` | `oklch(71.85% 0.0856 70.54)` | Amber Autumn | black, 8.3 to 1 |
| 46 | `#c9a365` | `oklch(73.54% 0.0918 78.53)` | Classic Gold | black, 8.8 to 1 |
| 47 | `#caa963` | `oklch(74.94% 0.0968 85.42)` | Wild Mustard Seed | black, 9.3 to 1 |
| 48 | `#c9af63` | `oklch(75.98% 0.1006 91.08)` | Split Pea Soup | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #204b8d 0.0%, #244d8e 2.1%, #2a4f8e 4.3%, #31518e 6.4%, #38548e 8.5%, #3f578f 10.6%, #455a8f 12.8%, #4b5d8f 14.9%, #50618e 17.0%, #55648e 19.1%, #58678e 21.3%, #5a6a8e 23.4%, #5b6d8e 25.5%, #5a708e 27.7%, #58738d 29.8%, #55768b 31.9%, #537989 34.0%, #527b85 36.2%, #537d80 38.3%, #557e7c 40.4%, #577f78 42.6%, #5a7f75 44.7%, #5d8073 46.8%, #5e8074 48.9%, #5e8075 51.1%, #5e8078 53.2%, #5d7f7c 55.3%, #5d7d7f 57.4%, #5f7a82 59.6%, #627884 61.7%, #667584 63.8%, #6b7284 66.0%, #707082 68.1%, #756f80 70.2%, #7a6e7e 72.3%, #7f6f7d 74.5%, #86707d 76.6%, #8e727c 78.7%, #97767c 80.9%, #a17a7a 83.0%, #ab7f77 85.1%, #b48574 87.2%, #bc8c6f 89.4%, #c2936b 91.5%, #c79b67 93.6%, #c9a365 95.7%, #caa963 97.9%, #c9af63 100.0%);
background: linear-gradient(225deg in oklch, oklch(42.13% 0.1199 258.75) 0.0%, oklch(42.70% 0.1167 259.28) 2.1%, oklch(43.44% 0.1124 260.38) 4.3%, oklch(44.33% 0.1073 261.86) 6.4%, oklch(45.33% 0.1016 263.55) 8.5%, oklch(46.41% 0.0954 265.25) 10.6%, oklch(47.53% 0.0890 266.79) 12.8%, oklch(48.67% 0.0826 267.96) 14.9%, oklch(49.77% 0.0763 268.59) 17.0%, oklch(50.82% 0.0705 268.50) 19.1%, oklch(51.79% 0.0652 267.49) 21.3%, oklch(52.62% 0.0606 265.39) 23.4%, oklch(53.31% 0.0571 261.94) 25.5%, oklch(53.89% 0.0543 255.99) 27.7%, oklch(54.42% 0.0520 247.62) 29.8%, oklch(54.88% 0.0502 237.46) 31.9%, oklch(55.29% 0.0488 226.18) 34.0%, oklch(55.65% 0.0477 214.41) 36.2%, oklch(55.97% 0.0469 202.81) 38.3%, oklch(56.24% 0.0462 192.03) 40.4%, oklch(56.48% 0.0456 182.72) 42.6%, oklch(56.69% 0.0449 175.52) 44.7%, oklch(56.86% 0.0442 171.09) 46.8%, oklch(57.02% 0.0433 170.07) 48.9%, oklch(57.13% 0.0421 173.04) 51.1%, oklch(57.07% 0.0404 179.77) 53.2%, oklch(56.87% 0.0384 189.68) 55.3%, oklch(56.56% 0.0362 202.23) 57.4%, oklch(56.20% 0.0340 216.85) 59.6%, oklch(55.84% 0.0319 233.00) 61.7%, oklch(55.51% 0.0301 250.11) 63.8%, oklch(55.27% 0.0286 267.63) 66.0%, oklch(55.17% 0.0277 285.01) 68.1%, oklch(55.24% 0.0275 301.69) 70.2%, oklch(55.54% 0.0281 317.11) 72.3%, oklch(56.11% 0.0297 330.72) 74.5%, oklch(57.02% 0.0326 342.76) 76.6%, oklch(58.31% 0.0370 354.81) 78.7%, oklch(59.91% 0.0426 6.81) 80.9%, oklch(61.75% 0.0491 18.64) 83.0%, oklch(63.75% 0.0562 30.17) 85.1%, oklch(65.83% 0.0637 41.25) 87.2%, oklch(67.93% 0.0713 51.76) 89.4%, oklch(69.96% 0.0787 61.57) 91.5%, oklch(71.85% 0.0856 70.54) 93.6%, oklch(73.54% 0.0918 78.53) 95.7%, oklch(74.94% 0.0968 85.42) 97.9%, oklch(75.98% 0.1006 91.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.12 | 258.8 |
| 2 | 0.531 | 0.058 | 263 |
| 3 | 0.571 | 0.043 | 171 |
| 4 | 0.563 | 0.03 | 333.8 |
| 5 | 0.76 | 0.101 | 451.1 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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