# Cream teal haze diagonal

Navy, tan, peach and gray linear gradient with 40 colors: #05192e, #041f33, #032739, #03303f, #053b45, #0e474a, #1c534f, #2d6052, #406b55, #547657, #68805a, #7c895d, #8d9162, #9c9767, #a89d6e, #b5a375, #c0aa7d, #cbb086, #d5b68e, #ddbb96, #e5c19e, #ebc5a5, #efc9aa, #f2cbaf, #f3cdb1, #f2cdb1, #efcbb0, #eac7ac, #e1c1a4, #d5b89b, #c6af8f, #b7a484, #a69878, #958c6c, #848161, #747657, #666b4f, #5a6247, #505b41, #49553d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, tan, peach and gray linear gradient
- Seed: `kUNSSzVRgue4UOo3D0hg`
- Page: https://grabient.com/kUNSSzVRgue4UOo3D0hg?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.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 | `#05192e` | `oklch(20.87% 0.0496 251.72)` | Oxford by Night | white, 17.7 to 1 |
| 2 | `#041f33` | `oklch(22.97% 0.0504 244.91)` | Cyanophobia | white, 16.8 to 1 |
| 3 | `#032739` | `oklch(25.68% 0.0515 236.08)` | Murky Depths | white, 15.5 to 1 |
| 4 | `#03303f` | `oklch(28.89% 0.0529 225.58)` | Nordic Noir | white, 13.9 to 1 |
| 5 | `#053b45` | `oklch(32.51% 0.0544 213.75)` | Ghostlands Coal | white, 12.2 to 1 |
| 6 | `#0e474a` | `oklch(36.43% 0.0560 200.93)` | Incubi Darkness | white, 10.4 to 1 |
| 7 | `#1c534f` | `oklch(40.56% 0.0577 187.46)` | Forbidden Forest | white, 8.7 to 1 |
| 8 | `#2d6052` | `oklch(44.79% 0.0594 173.68)` | Eden | white, 7.2 to 1 |
| 9 | `#406b55` | `oklch(49.04% 0.0610 159.94)` | Toad King | white, 6 to 1 |
| 10 | `#547657` | `oklch(53.19% 0.0625 146.59)` | Elm Green | white, 5 to 1 |
| 11 | `#68805a` | `oklch(57.16% 0.0639 133.95)` | Emerald City | black, 4.8 to 1 |
| 12 | `#7c895d` | `oklch(60.83% 0.0650 122.37)` | Sage Leaves | black, 5.6 to 1 |
| 13 | `#8d9162` | `oklch(64.12% 0.0657 112.20)` | Nick’s Nook | black, 6.3 to 1 |
| 14 | `#9c9767` | `oklch(66.93% 0.0661 103.77)` | Hiking | black, 7 to 1 |
| 15 | `#a89d6e` | `oklch(69.48% 0.0662 96.60)` | Westcar Papyrus | black, 7.7 to 1 |
| 16 | `#b5a375` | `oklch(72.04% 0.0660 89.96)` | Green Fig | black, 8.4 to 1 |
| 17 | `#c0aa7d` | `oklch(74.56% 0.0655 83.89)` | Antiquity | black, 9.2 to 1 |
| 18 | `#cbb086` | `oklch(77.00% 0.0649 78.39)` | Harvest Home | black, 10 to 1 |
| 19 | `#d5b68e` | `oklch(79.29% 0.0640 73.49)` | Asian Jute | black, 10.8 to 1 |
| 20 | `#ddbb96` | `oklch(81.39% 0.0631 69.22)` | Cane Sugar Glaze | black, 11.6 to 1 |
| 21 | `#e5c19e` | `oklch(83.26% 0.0620 65.58)` | Library Card | black, 12.4 to 1 |
| 22 | `#ebc5a5` | `oklch(84.83% 0.0608 62.60)` | Pueblo Sand | black, 13 to 1 |
| 23 | `#efc9aa` | `oklch(86.07% 0.0596 60.31)` | Caramel Ice | black, 13.5 to 1 |
| 24 | `#f2cbaf` | `oklch(86.91% 0.0584 58.71)` | Pastel Peach | black, 13.9 to 1 |
| 25 | `#f3cdb1` | `oklch(87.32% 0.0572 57.84)` | Peach Darling | black, 14.1 to 1 |
| 26 | `#f2cdb1` | `oklch(87.24% 0.0561 57.70)` | Peach Darling | black, 14.1 to 1 |
| 27 | `#efcbb0` | `oklch(86.61% 0.0551 58.33)` | Pastel Peach | black, 13.8 to 1 |
| 28 | `#eac7ac` | `oklch(85.23% 0.0541 60.21)` | Pinkham | black, 13.2 to 1 |
| 29 | `#e1c1a4` | `oklch(82.99% 0.0530 63.65)` | Strawberry Malt | black, 12.3 to 1 |
| 30 | `#d5b89b` | `oklch(80.03% 0.0518 68.38)` | Ivory Cream | black, 11.1 to 1 |
| 31 | `#c6af8f` | `oklch(76.51% 0.0506 74.15)` | Peculiarly Drab Tincture | black, 9.9 to 1 |
| 32 | `#b7a484` | `oklch(72.57% 0.0494 80.70)` | Country Cork | black, 8.6 to 1 |
| 33 | `#a69878` | `oklch(68.36% 0.0482 87.77)` | Olive Chutney | black, 7.3 to 1 |
| 34 | `#958c6c` | `oklch(64.01% 0.0469 95.11)` | Urban Safari | black, 6.2 to 1 |
| 35 | `#848161` | `oklch(59.68% 0.0458 102.45)` | Tilleul de Noémie | black, 5.2 to 1 |
| 36 | `#747657` | `oklch(55.50% 0.0447 109.54)` | Finch | white, 4.7 to 1 |
| 37 | `#666b4f` | `oklch(51.63% 0.0436 116.11)` | Siam | white, 5.5 to 1 |
| 38 | `#5a6247` | `oklch(48.22% 0.0427 121.92)` | Boughs of Pine | white, 6.3 to 1 |
| 39 | `#505b41` | `oklch(45.39% 0.0420 126.70)` | Knarloc Green | white, 7.2 to 1 |
| 40 | `#49553d` | `oklch(43.31% 0.0413 130.19)` | Chard | white, 7.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #05192e 0.0%, #041f33 2.6%, #032739 5.1%, #03303f 7.7%, #053b45 10.3%, #0e474a 12.8%, #1c534f 15.4%, #2d6052 17.9%, #406b55 20.5%, #547657 23.1%, #68805a 25.6%, #7c895d 28.2%, #8d9162 30.8%, #9c9767 33.3%, #a89d6e 35.9%, #b5a375 38.5%, #c0aa7d 41.0%, #cbb086 43.6%, #d5b68e 46.2%, #ddbb96 48.7%, #e5c19e 51.3%, #ebc5a5 53.8%, #efc9aa 56.4%, #f2cbaf 59.0%, #f3cdb1 61.5%, #f2cdb1 64.1%, #efcbb0 66.7%, #eac7ac 69.2%, #e1c1a4 71.8%, #d5b89b 74.4%, #c6af8f 76.9%, #b7a484 79.5%, #a69878 82.1%, #958c6c 84.6%, #848161 87.2%, #747657 89.7%, #666b4f 92.3%, #5a6247 94.9%, #505b41 97.4%, #49553d 100.0%);
background: linear-gradient(45deg in oklch, oklch(20.87% 0.0496 251.72) 0.0%, oklch(22.97% 0.0504 244.91) 2.6%, oklch(25.68% 0.0515 236.08) 5.1%, oklch(28.89% 0.0529 225.58) 7.7%, oklch(32.51% 0.0544 213.75) 10.3%, oklch(36.43% 0.0560 200.93) 12.8%, oklch(40.56% 0.0577 187.46) 15.4%, oklch(44.79% 0.0594 173.68) 17.9%, oklch(49.04% 0.0610 159.94) 20.5%, oklch(53.19% 0.0625 146.59) 23.1%, oklch(57.16% 0.0639 133.95) 25.6%, oklch(60.83% 0.0650 122.37) 28.2%, oklch(64.12% 0.0657 112.20) 30.8%, oklch(66.93% 0.0661 103.77) 33.3%, oklch(69.48% 0.0662 96.60) 35.9%, oklch(72.04% 0.0660 89.96) 38.5%, oklch(74.56% 0.0655 83.89) 41.0%, oklch(77.00% 0.0649 78.39) 43.6%, oklch(79.29% 0.0640 73.49) 46.2%, oklch(81.39% 0.0631 69.22) 48.7%, oklch(83.26% 0.0620 65.58) 51.3%, oklch(84.83% 0.0608 62.60) 53.8%, oklch(86.07% 0.0596 60.31) 56.4%, oklch(86.91% 0.0584 58.71) 59.0%, oklch(87.32% 0.0572 57.84) 61.5%, oklch(87.24% 0.0561 57.70) 64.1%, oklch(86.61% 0.0551 58.33) 66.7%, oklch(85.23% 0.0541 60.21) 69.2%, oklch(82.99% 0.0530 63.65) 71.8%, oklch(80.03% 0.0518 68.38) 74.4%, oklch(76.51% 0.0506 74.15) 76.9%, oklch(72.57% 0.0494 80.70) 79.5%, oklch(68.36% 0.0482 87.77) 82.1%, oklch(64.01% 0.0469 95.11) 84.6%, oklch(59.68% 0.0458 102.45) 87.2%, oklch(55.50% 0.0447 109.54) 89.7%, oklch(51.63% 0.0436 116.11) 92.3%, oklch(48.22% 0.0427 121.92) 94.9%, oklch(45.39% 0.0420 126.70) 97.4%, oklch(43.31% 0.0413 130.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.05 | 251.7 |
| 2 | 0.669 | 0.066 | 103.8 |
| 3 | 0.866 | 0.055 | 58.3 |
| 4 | 0.433 | 0.041 | 130.2 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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