# Deep teal and seafoam angular wallpaper

Seamless black and teal angular gradient with 48 colors: #102a2a, #112c2c, #11302f, #123333, #133837, #133c3b, #144140, #144745, #154c4a, #165250, #175855, #185f5b, #1a6560, #1d6b65, #21716a, #25766f, #2a7c73, #308178, #37887e, #408f83, #49978a, #529f90, #5ca696, #65ae9d, #6eb5a3, #76bba8, #7ec1ad, #85c6b1, #8ac9b4, #8ecbb6, #90ccb7, #90cab6, #8ec7b3, #89c1af, #83b8a8, #7bae9f, #71a396, #67968b, #5c8980, #517c74, #466e68, #3c615d, #325551, #294947, #213f3e, #1a3635, #142f2f, #102a2a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless black and teal angular gradient
- Seed: `kUQxeLQxy-2SYPihi8LA`
- Page: https://grabient.com/kUQxeLQxy-2SYPihi8LA?style=angularGradient&steps=48&angle=45
- Drawn as: angular gradient, 48 steps, 45 degrees
- Kinds: light center, cool, monochrome, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.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 | `#102a2a` | `oklch(26.38% 0.0317 195.47)` | Swamp Thing | white, 15.1 to 1 |
| 2 | `#112c2c` | `oklch(27.32% 0.0335 195.14)` | Black Chasm | white, 14.7 to 1 |
| 3 | `#11302f` | `oklch(28.46% 0.0358 194.75)` | Roof Tile Green | white, 14.1 to 1 |
| 4 | `#123333` | `oklch(29.78% 0.0386 194.32)` | Storm Green | white, 13.5 to 1 |
| 5 | `#133837` | `oklch(31.25% 0.0418 193.84)` | Customs Green | white, 12.8 to 1 |
| 6 | `#133c3b` | `oklch(32.85% 0.0452 193.32)` | Ghostlands Coal | white, 12 to 1 |
| 7 | `#144140` | `oklch(34.56% 0.0489 192.76)` | Botanical Night | white, 11.2 to 1 |
| 8 | `#144745` | `oklch(36.36% 0.0527 192.16)` | Cyprus | white, 10.4 to 1 |
| 9 | `#154c4a` | `oklch(38.23% 0.0565 191.53)` | Swamp Mausoleum | white, 9.6 to 1 |
| 10 | `#165250` | `oklch(40.16% 0.0603 190.87)` | Lacustral | white, 8.8 to 1 |
| 11 | `#175855` | `oklch(42.11% 0.0640 190.18)` | Baltic Prince | white, 8.1 to 1 |
| 12 | `#185f5b` | `oklch(44.08% 0.0675 189.48)` | Empress Teal | white, 7.4 to 1 |
| 13 | `#1a6560` | `oklch(46.03% 0.0707 188.75)` | Abduction | white, 6.8 to 1 |
| 14 | `#1d6b65` | `oklch(47.95% 0.0735 188.00)` | Mosaic Tile | white, 6.3 to 1 |
| 15 | `#21716a` | `oklch(49.82% 0.0758 187.24)` | Advantageous | white, 5.8 to 1 |
| 16 | `#25766f` | `oklch(51.61% 0.0777 186.47)` | Iguaçuense Waterfall | white, 5.3 to 1 |
| 17 | `#2a7c73` | `oklch(53.33% 0.0789 185.69)` | Ivy | white, 4.9 to 1 |
| 18 | `#308178` | `oklch(55.26% 0.0797 184.76)` | Apatite Blue | white, 4.6 to 1 |
| 19 | `#37887e` | `oklch(57.43% 0.0801 183.67)` | Copper Turquoise | black, 4.9 to 1 |
| 20 | `#408f83` | `oklch(59.78% 0.0802 182.46)` | Highlands | black, 5.4 to 1 |
| 21 | `#49978a` | `oklch(62.24% 0.0800 181.17)` | Crisp Lettuce | black, 6 to 1 |
| 22 | `#529f90` | `oklch(64.76% 0.0796 179.82)` | Aqua Revival | black, 6.6 to 1 |
| 23 | `#5ca696` | `oklch(67.27% 0.0789 178.45)` | Polished Pine | black, 7.3 to 1 |
| 24 | `#65ae9d` | `oklch(69.71% 0.0779 177.10)` | Green Crush | black, 8 to 1 |
| 25 | `#6eb5a3` | `oklch(72.03% 0.0769 175.81)` | Tropic Turquoise | black, 8.7 to 1 |
| 26 | `#76bba8` | `oklch(74.15% 0.0756 174.60)` | Sereni Teal | black, 9.4 to 1 |
| 27 | `#7ec1ad` | `oklch(76.01% 0.0743 173.51)` | Gauss Blaster Green | black, 10.1 to 1 |
| 28 | `#85c6b1` | `oklch(77.56% 0.0728 172.57)` | Hellion Green | black, 10.6 to 1 |
| 29 | `#8ac9b4` | `oklch(78.74% 0.0713 171.83)` | Pale Teal | black, 11.1 to 1 |
| 30 | `#8ecbb6` | `oklch(79.47% 0.0697 171.31)` | Vile Green | black, 11.3 to 1 |
| 31 | `#90ccb7` | `oklch(79.71% 0.0682 171.05)` | Mint Ice Cream | black, 11.4 to 1 |
| 32 | `#90cab6` | `oklch(79.38% 0.0666 171.08)` | Mint Twist | black, 11.3 to 1 |
| 33 | `#8ec7b3` | `oklch(78.39% 0.0651 171.46)` | Aquastone | black, 10.9 to 1 |
| 34 | `#89c1af` | `oklch(76.62% 0.0632 172.21)` | Seaborn | black, 10.2 to 1 |
| 35 | `#83b8a8` | `oklch(74.16% 0.0612 173.30)` | Patina Hue | black, 9.4 to 1 |
| 36 | `#7bae9f` | `oklch(71.11% 0.0589 174.68)` | Green Room | black, 8.4 to 1 |
| 37 | `#71a396` | `oklch(67.59% 0.0564 176.29)` | Harmony in Green | black, 7.3 to 1 |
| 38 | `#67968b` | `oklch(63.68% 0.0539 178.09)` | Lunar Tide | black, 6.3 to 1 |
| 39 | `#5c8980` | `oklch(59.50% 0.0512 180.02)` | Wintergreen Dream | black, 5.3 to 1 |
| 40 | `#517c74` | `oklch(55.14% 0.0486 182.05)` | Dull Turquoise | white, 4.7 to 1 |
| 41 | `#466e68` | `oklch(50.71% 0.0459 184.11)` | Riverbend | white, 5.6 to 1 |
| 42 | `#3c615d` | `oklch(46.32% 0.0434 186.16)` | Emerson | white, 6.8 to 1 |
| 43 | `#325551` | `oklch(42.06% 0.0409 188.15)` | Hidden Depths | white, 8.2 to 1 |
| 44 | `#294947` | `oklch(38.03% 0.0386 190.03)` | Platoon Green | white, 9.8 to 1 |
| 45 | `#213f3e` | `oklch(34.35% 0.0365 191.76)` | Sunken Cascades | white, 11.3 to 1 |
| 46 | `#1a3635` | `oklch(31.11% 0.0346 193.27)` | Fait Accompli | white, 12.9 to 1 |
| 47 | `#142f2f` | `oklch(28.42% 0.0330 194.52)` | Roof Tile Green | white, 14.2 to 1 |
| 48 | `#102a2a` | `oklch(26.38% 0.0317 195.47)` | Swamp Thing | white, 15.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #102a2a 0.0%, #112c2c 2.1%, #11302f 4.3%, #123333 6.4%, #133837 8.5%, #133c3b 10.6%, #144140 12.8%, #144745 14.9%, #154c4a 17.0%, #165250 19.1%, #175855 21.3%, #185f5b 23.4%, #1a6560 25.5%, #1d6b65 27.7%, #21716a 29.8%, #25766f 31.9%, #2a7c73 34.0%, #308178 36.2%, #37887e 38.3%, #408f83 40.4%, #49978a 42.6%, #529f90 44.7%, #5ca696 46.8%, #65ae9d 48.9%, #6eb5a3 51.1%, #76bba8 53.2%, #7ec1ad 55.3%, #85c6b1 57.4%, #8ac9b4 59.6%, #8ecbb6 61.7%, #90ccb7 63.8%, #90cab6 66.0%, #8ec7b3 68.1%, #89c1af 70.2%, #83b8a8 72.3%, #7bae9f 74.5%, #71a396 76.6%, #67968b 78.7%, #5c8980 80.9%, #517c74 83.0%, #466e68 85.1%, #3c615d 87.2%, #325551 89.4%, #294947 91.5%, #213f3e 93.6%, #1a3635 95.7%, #142f2f 97.9%, #102a2a 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(26.38% 0.0317 195.47) 0.0%, oklch(27.32% 0.0335 195.14) 2.1%, oklch(28.46% 0.0358 194.75) 4.3%, oklch(29.78% 0.0386 194.32) 6.4%, oklch(31.25% 0.0418 193.84) 8.5%, oklch(32.85% 0.0452 193.32) 10.6%, oklch(34.56% 0.0489 192.76) 12.8%, oklch(36.36% 0.0527 192.16) 14.9%, oklch(38.23% 0.0565 191.53) 17.0%, oklch(40.16% 0.0603 190.87) 19.1%, oklch(42.11% 0.0640 190.18) 21.3%, oklch(44.08% 0.0675 189.48) 23.4%, oklch(46.03% 0.0707 188.75) 25.5%, oklch(47.95% 0.0735 188.00) 27.7%, oklch(49.82% 0.0758 187.24) 29.8%, oklch(51.61% 0.0777 186.47) 31.9%, oklch(53.33% 0.0789 185.69) 34.0%, oklch(55.26% 0.0797 184.76) 36.2%, oklch(57.43% 0.0801 183.67) 38.3%, oklch(59.78% 0.0802 182.46) 40.4%, oklch(62.24% 0.0800 181.17) 42.6%, oklch(64.76% 0.0796 179.82) 44.7%, oklch(67.27% 0.0789 178.45) 46.8%, oklch(69.71% 0.0779 177.10) 48.9%, oklch(72.03% 0.0769 175.81) 51.1%, oklch(74.15% 0.0756 174.60) 53.2%, oklch(76.01% 0.0743 173.51) 55.3%, oklch(77.56% 0.0728 172.57) 57.4%, oklch(78.74% 0.0713 171.83) 59.6%, oklch(79.47% 0.0697 171.31) 61.7%, oklch(79.71% 0.0682 171.05) 63.8%, oklch(79.38% 0.0666 171.08) 66.0%, oklch(78.39% 0.0651 171.46) 68.1%, oklch(76.62% 0.0632 172.21) 70.2%, oklch(74.16% 0.0612 173.30) 72.3%, oklch(71.11% 0.0589 174.68) 74.5%, oklch(67.59% 0.0564 176.29) 76.6%, oklch(63.68% 0.0539 178.09) 78.7%, oklch(59.50% 0.0512 180.02) 80.9%, oklch(55.14% 0.0486 182.05) 83.0%, oklch(50.71% 0.0459 184.11) 85.1%, oklch(46.32% 0.0434 186.16) 87.2%, oklch(42.06% 0.0409 188.15) 89.4%, oklch(38.03% 0.0386 190.03) 91.5%, oklch(34.35% 0.0365 191.76) 93.6%, oklch(31.11% 0.0346 193.27) 95.7%, oklch(28.42% 0.0330 194.52) 97.9%, oklch(26.38% 0.0317 195.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.032 | 195.5 |
| 2 | 0.528 | 0.079 | 186 |
| 3 | 0.791 | 0.066 | 171.2 |
| 4 | 0.264 | 0.032 | 195.5 |

## In these collections

- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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