# Cream gold teal diagonal

Black, tan and orange linear gradient with 64 colors: #00090e, #000c11, #011014, #021418, #03191d, #051e22, #082427, #0c2b2c, #113232, #173937, #1d413d, #244a42, #2c5248, #345b4d, #3d6452, #476d57, #51765c, #5c7f60, #688864, #749168, #80996c, #8da170, #9aa973, #a7b177, #b3b77a, #bfbe7e, #cbc481, #d6c984, #e1ce87, #ead28a, #f3d68d, #fad88f, #ffdb96, #ffdea5, #ffe0b0, #ffe2b8, #ffe3bd, #ffe4c1, #ffe4c2, #ffe4c3, #ffe3c2, #ffe2c0, #ffe0bd, #ffdeb9, #ffdcb4, #ffd9ae, #ffd6a8, #ffd3a1, #ffcf99, #ffcc91, #ffc888, #ffc57e, #ffc174, #ffbd69, #ffb95d, #ffb651, #ffb243, #fdaf3b, #fbad36, #faab30, #f8a92b, #f7a825, #f6a621, #f6a51c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, tan and orange linear gradient
- Seed: `kSIRGe8qSvmO6vo`
- Page: https://grabient.com/kSIRGe8qSvmO6vo?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.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 | `#00090e` | `oklch(12.99% 0.0234 222.89)` | Black Knight | white, 20 to 1 |
| 2 | `#000c11` | `oklch(14.34% 0.0247 220.49)` | Black Knight | white, 19.7 to 1 |
| 3 | `#011014` | `oklch(15.91% 0.0262 217.72)` | Black Glaze | white, 19.3 to 1 |
| 4 | `#021418` | `oklch(17.70% 0.0278 214.58)` | Black Glaze | white, 18.8 to 1 |
| 5 | `#03191d` | `oklch(19.68% 0.0296 211.12)` | Black Stallion | white, 18.1 to 1 |
| 6 | `#051e22` | `oklch(21.85% 0.0315 207.35)` | Stellar Explorer | white, 17.2 to 1 |
| 7 | `#082427` | `oklch(24.18% 0.0336 203.30)` | Teal Spill | white, 16.2 to 1 |
| 8 | `#0c2b2c` | `oklch(26.66% 0.0357 199.00)` | Black Chasm | white, 15 to 1 |
| 9 | `#113232` | `oklch(29.28% 0.0380 194.47)` | Storm Green | white, 13.7 to 1 |
| 10 | `#173937` | `oklch(32.01% 0.0403 189.73)` | Kōrainando Green | white, 12.4 to 1 |
| 11 | `#1d413d` | `oklch(34.84% 0.0428 184.82)` | Pine Hollow | white, 11.1 to 1 |
| 12 | `#244a42` | `oklch(37.76% 0.0453 179.75)` | Blackboard Green | white, 9.8 to 1 |
| 13 | `#2c5248` | `oklch(40.75% 0.0479 174.56)` | Highland Green | white, 8.6 to 1 |
| 14 | `#345b4d` | `oklch(43.80% 0.0506 169.27)` | Billiard Green | white, 7.6 to 1 |
| 15 | `#3d6452` | `oklch(46.88% 0.0533 163.90)` | Serbian Green | white, 6.6 to 1 |
| 16 | `#476d57` | `oklch(49.98% 0.0561 158.48)` | Medium Grey Green | white, 5.8 to 1 |
| 17 | `#51765c` | `oklch(53.09% 0.0589 153.04)` | Green Valley | white, 5.1 to 1 |
| 18 | `#5c7f60` | `oklch(56.19% 0.0618 147.59)` | Korean Mint | black, 4.6 to 1 |
| 19 | `#688864` | `oklch(59.26% 0.0646 142.18)` | Bladerunner | black, 5.3 to 1 |
| 20 | `#749168` | `oklch(62.29% 0.0675 136.81)` | Moss Ring | black, 5.9 to 1 |
| 21 | `#80996c` | `oklch(65.27% 0.0704 131.52)` | Mesa Verde | black, 6.7 to 1 |
| 22 | `#8da170` | `oklch(68.17% 0.0732 126.33)` | Lady Fern | black, 7.4 to 1 |
| 23 | `#9aa973` | `oklch(70.98% 0.0761 121.28)` | Green Plaza | black, 8.3 to 1 |
| 24 | `#a7b177` | `oklch(73.68% 0.0789 116.37)` | Estragon | black, 9.1 to 1 |
| 25 | `#b3b77a` | `oklch(76.27% 0.0817 111.64)` | Fancy Flirt | black, 10 to 1 |
| 26 | `#bfbe7e` | `oklch(78.71% 0.0844 107.12)` | Krieg Khaki | black, 10.8 to 1 |
| 27 | `#cbc481` | `oklch(81.01% 0.0871 102.83)` | Tyrant Skull | black, 11.7 to 1 |
| 28 | `#d6c984` | `oklch(83.13% 0.0898 98.79)` | Deduction | black, 12.5 to 1 |
| 29 | `#e1ce87` | `oklch(85.07% 0.0923 95.03)` | Lemon Thyme | black, 13.3 to 1 |
| 30 | `#ead28a` | `oklch(86.80% 0.0948 91.58)` | Punch of Yellow | black, 14 to 1 |
| 31 | `#f3d68d` | `oklch(88.32% 0.0972 88.46)` | Pierogi | black, 14.7 to 1 |
| 32 | `#fad88f` | `oklch(89.61% 0.0995 85.70)` | Meadow Yellow | black, 15.3 to 1 |
| 33 | `#ffdb96` | `oklch(90.65% 0.0958 83.30)` | Cha-Cha-Cha | black, 15.8 to 1 |
| 34 | `#ffdea5` | `oklch(91.50% 0.0816 81.16)` | Organza | black, 16.2 to 1 |
| 35 | `#ffe0b0` | `oklch(92.18% 0.0712 79.24)` | Creamy Oat | black, 16.5 to 1 |
| 36 | `#ffe2b8` | `oklch(92.69% 0.0637 77.54)` | Cookie | black, 16.8 to 1 |
| 37 | `#ffe3bd` | `oklch(93.04% 0.0584 76.05)` | Cheese Powder | black, 17 to 1 |
| 38 | `#ffe4c1` | `oklch(93.24% 0.0550 74.75)` | Cheese Powder | black, 17.1 to 1 |
| 39 | `#ffe4c2` | `oklch(93.30% 0.0532 73.63)` | Bisque | black, 17.1 to 1 |
| 40 | `#ffe4c3` | `oklch(93.24% 0.0527 72.69)` | Bisque | black, 17.1 to 1 |
| 41 | `#ffe3c2` | `oklch(93.06% 0.0533 71.90)` | Bisque | black, 17 to 1 |
| 42 | `#ffe2c0` | `oklch(92.76% 0.0550 71.26)` | Messinesi | black, 16.8 to 1 |
| 43 | `#ffe0bd` | `oklch(92.37% 0.0576 70.77)` | Odious Orange | black, 16.6 to 1 |
| 44 | `#ffdeb9` | `oklch(91.89% 0.0610 70.40)` | Liveliness | black, 16.4 to 1 |
| 45 | `#ffdcb4` | `oklch(91.33% 0.0651 70.15)` | Tunisian Stone | black, 16.1 to 1 |
| 46 | `#ffd9ae` | `oklch(90.70% 0.0699 70.00)` | Peach Cider | black, 15.7 to 1 |
| 47 | `#ffd6a8` | `oklch(90.01% 0.0754 69.95)` | Nevada Morning | black, 15.4 to 1 |
| 48 | `#ffd3a1` | `oklch(89.27% 0.0815 69.98)` | Apricot Fool | black, 15 to 1 |
| 49 | `#ffcf99` | `oklch(88.48% 0.0881 70.08)` | Atoll Sand | black, 14.6 to 1 |
| 50 | `#ffcc91` | `oklch(87.67% 0.0951 70.25)` | Tangerine Silk | black, 14.2 to 1 |
| 51 | `#ffc888` | `oklch(86.83% 0.1025 70.47)` | Lazy Sun | black, 13.8 to 1 |
| 52 | `#ffc57e` | `oklch(85.98% 0.1103 70.72)` | Uldum Beige | black, 13.5 to 1 |
| 53 | `#ffc174` | `oklch(85.13% 0.1183 71.00)` | Cinnamon Buff | black, 13.1 to 1 |
| 54 | `#ffbd69` | `oklch(84.28% 0.1265 71.31)` | Crispy Samosa | black, 12.7 to 1 |
| 55 | `#ffb95d` | `oklch(83.45% 0.1347 71.61)` | Cape Jasmine | black, 12.3 to 1 |
| 56 | `#ffb651` | `oklch(82.65% 0.1428 71.92)` | Summer Orange | black, 12 to 1 |
| 57 | `#ffb243` | `oklch(81.88% 0.1507 72.20)` | Agrellan Badland | black, 11.7 to 1 |
| 58 | `#fdaf3b` | `oklch(81.17% 0.1537 72.46)` | Pieces of Eight | black, 11.4 to 1 |
| 59 | `#fbad36` | `oklch(80.50% 0.1552 72.68)` | Late Afternoon | black, 11.1 to 1 |
| 60 | `#faab30` | `oklch(79.90% 0.1566 72.85)` | Late Afternoon | black, 10.9 to 1 |
| 61 | `#f8a92b` | `oklch(79.38% 0.1579 72.97)` | Late Afternoon | black, 10.7 to 1 |
| 62 | `#f7a825` | `oklch(78.94% 0.1591 73.01)` | Lush Honeycomb | black, 10.5 to 1 |
| 63 | `#f6a621` | `oklch(78.59% 0.1602 72.97)` | Orange Pospsicle | black, 10.4 to 1 |
| 64 | `#f6a51c` | `oklch(78.35% 0.1612 72.83)` | Mad for Mango | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #00090e 0.0%, #000c11 1.6%, #011014 3.2%, #021418 4.8%, #03191d 6.3%, #051e22 7.9%, #082427 9.5%, #0c2b2c 11.1%, #113232 12.7%, #173937 14.3%, #1d413d 15.9%, #244a42 17.5%, #2c5248 19.0%, #345b4d 20.6%, #3d6452 22.2%, #476d57 23.8%, #51765c 25.4%, #5c7f60 27.0%, #688864 28.6%, #749168 30.2%, #80996c 31.7%, #8da170 33.3%, #9aa973 34.9%, #a7b177 36.5%, #b3b77a 38.1%, #bfbe7e 39.7%, #cbc481 41.3%, #d6c984 42.9%, #e1ce87 44.4%, #ead28a 46.0%, #f3d68d 47.6%, #fad88f 49.2%, #ffdb96 50.8%, #ffdea5 52.4%, #ffe0b0 54.0%, #ffe2b8 55.6%, #ffe3bd 57.1%, #ffe4c1 58.7%, #ffe4c2 60.3%, #ffe4c3 61.9%, #ffe3c2 63.5%, #ffe2c0 65.1%, #ffe0bd 66.7%, #ffdeb9 68.3%, #ffdcb4 69.8%, #ffd9ae 71.4%, #ffd6a8 73.0%, #ffd3a1 74.6%, #ffcf99 76.2%, #ffcc91 77.8%, #ffc888 79.4%, #ffc57e 81.0%, #ffc174 82.5%, #ffbd69 84.1%, #ffb95d 85.7%, #ffb651 87.3%, #ffb243 88.9%, #fdaf3b 90.5%, #fbad36 92.1%, #faab30 93.7%, #f8a92b 95.2%, #f7a825 96.8%, #f6a621 98.4%, #f6a51c 100.0%);
background: linear-gradient(225deg in oklch, oklch(12.99% 0.0234 222.89) 0.0%, oklch(14.34% 0.0247 220.49) 1.6%, oklch(15.91% 0.0262 217.72) 3.2%, oklch(17.70% 0.0278 214.58) 4.8%, oklch(19.68% 0.0296 211.12) 6.3%, oklch(21.85% 0.0315 207.35) 7.9%, oklch(24.18% 0.0336 203.30) 9.5%, oklch(26.66% 0.0357 199.00) 11.1%, oklch(29.28% 0.0380 194.47) 12.7%, oklch(32.01% 0.0403 189.73) 14.3%, oklch(34.84% 0.0428 184.82) 15.9%, oklch(37.76% 0.0453 179.75) 17.5%, oklch(40.75% 0.0479 174.56) 19.0%, oklch(43.80% 0.0506 169.27) 20.6%, oklch(46.88% 0.0533 163.90) 22.2%, oklch(49.98% 0.0561 158.48) 23.8%, oklch(53.09% 0.0589 153.04) 25.4%, oklch(56.19% 0.0618 147.59) 27.0%, oklch(59.26% 0.0646 142.18) 28.6%, oklch(62.29% 0.0675 136.81) 30.2%, oklch(65.27% 0.0704 131.52) 31.7%, oklch(68.17% 0.0732 126.33) 33.3%, oklch(70.98% 0.0761 121.28) 34.9%, oklch(73.68% 0.0789 116.37) 36.5%, oklch(76.27% 0.0817 111.64) 38.1%, oklch(78.71% 0.0844 107.12) 39.7%, oklch(81.01% 0.0871 102.83) 41.3%, oklch(83.13% 0.0898 98.79) 42.9%, oklch(85.07% 0.0923 95.03) 44.4%, oklch(86.80% 0.0948 91.58) 46.0%, oklch(88.32% 0.0972 88.46) 47.6%, oklch(89.61% 0.0995 85.70) 49.2%, oklch(90.65% 0.0958 83.30) 50.8%, oklch(91.50% 0.0816 81.16) 52.4%, oklch(92.18% 0.0712 79.24) 54.0%, oklch(92.69% 0.0637 77.54) 55.6%, oklch(93.04% 0.0584 76.05) 57.1%, oklch(93.24% 0.0550 74.75) 58.7%, oklch(93.30% 0.0532 73.63) 60.3%, oklch(93.24% 0.0527 72.69) 61.9%, oklch(93.06% 0.0533 71.90) 63.5%, oklch(92.76% 0.0550 71.26) 65.1%, oklch(92.37% 0.0576 70.77) 66.7%, oklch(91.89% 0.0610 70.40) 68.3%, oklch(91.33% 0.0651 70.15) 69.8%, oklch(90.70% 0.0699 70.00) 71.4%, oklch(90.01% 0.0754 69.95) 73.0%, oklch(89.27% 0.0815 69.98) 74.6%, oklch(88.48% 0.0881 70.08) 76.2%, oklch(87.67% 0.0951 70.25) 77.8%, oklch(86.83% 0.1025 70.47) 79.4%, oklch(85.98% 0.1103 70.72) 81.0%, oklch(85.13% 0.1183 71.00) 82.5%, oklch(84.28% 0.1265 71.31) 84.1%, oklch(83.45% 0.1347 71.61) 85.7%, oklch(82.65% 0.1428 71.92) 87.3%, oklch(81.88% 0.1507 72.20) 88.9%, oklch(81.17% 0.1537 72.46) 90.5%, oklch(80.50% 0.1552 72.68) 92.1%, oklch(79.90% 0.1566 72.85) 93.7%, oklch(79.38% 0.1579 72.97) 95.2%, oklch(78.94% 0.1591 73.01) 96.8%, oklch(78.59% 0.1602 72.97) 98.4%, oklch(78.35% 0.1612 72.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.023 | 222.9 |
| 2 | 0.902 | 0.101 | 84.5 |
| 3 | 0.783 | 0.161 | 72.8 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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