# Indigo fynbos under rain teal

Tritone teal, blue and green linear gradient with 64 colors: #30545c, #30535c, #2f535c, #2e525d, #2d525e, #2c515e, #2b505f, #2a4f60, #294e61, #294d61, #294c62, #294b63, #294a64, #294864, #2a4765, #2b4566, #2c4466, #2d4267, #2e4167, #303f67, #313e67, #323d67, #343b68, #353a68, #363968, #373868, #373868, #383768, #383769, #383769, #38376a, #38376a, #37386b, #36396c, #353a6e, #333c6f, #313e70, #2e4072, #2b4273, #274574, #224874, #1d4b75, #164e75, #0e5174, #045473, #005771, #005a6f, #005c6d, #005f6b, #006268, #006466, #006764, #0d6961, #186a5e, #226c5b, #2a6d58, #316f55, #387053, #3e7050, #44714e, #49724d, #4d724b, #51734a, #547349. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone teal, blue and green linear gradient
- Seed: `kSax-YLp_H8Iaru`
- Page: https://grabient.com/kSax-YLp_H8Iaru?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#30545c` | `oklch(42.13% 0.0427 213.75)` | Frozen Stream | white, 8.2 to 1 |
| 2 | `#30535c` | `oklch(42.02% 0.0435 214.99)` | Encore Teal | white, 8.3 to 1 |
| 3 | `#2f535c` | `oklch(41.89% 0.0444 216.56)` | Encore Teal | white, 8.3 to 1 |
| 4 | `#2e525d` | `oklch(41.73% 0.0454 218.42)` | Encore Teal | white, 8.4 to 1 |
| 5 | `#2d525e` | `oklch(41.55% 0.0466 220.55)` | Blue Bayberry | white, 8.4 to 1 |
| 6 | `#2c515e` | `oklch(41.34% 0.0479 222.93)` | Blue Bayberry | white, 8.5 to 1 |
| 7 | `#2b505f` | `oklch(41.11% 0.0492 225.51)` | Shadow of Night | white, 8.6 to 1 |
| 8 | `#2a4f60` | `oklch(40.87% 0.0507 228.29)` | Shadow of Night | white, 8.7 to 1 |
| 9 | `#294e61` | `oklch(40.61% 0.0522 231.23)` | Shadow of Night | white, 8.8 to 1 |
| 10 | `#294d61` | `oklch(40.34% 0.0538 234.31)` | Deep Ocean | white, 8.9 to 1 |
| 11 | `#294c62` | `oklch(40.07% 0.0554 237.49)` | Deep Ocean | white, 9 to 1 |
| 12 | `#294b63` | `oklch(39.78% 0.0572 240.75)` | Majolica Blue | white, 9.2 to 1 |
| 13 | `#294a64` | `oklch(39.49% 0.0589 244.07)` | Majolica Blue | white, 9.3 to 1 |
| 14 | `#294864` | `oklch(39.20% 0.0607 247.42)` | Lake View | white, 9.4 to 1 |
| 15 | `#2a4765` | `oklch(38.91% 0.0625 250.77)` | Lake View | white, 9.6 to 1 |
| 16 | `#2b4566` | `oklch(38.62% 0.0643 254.09)` | Black Turmeric | white, 9.7 to 1 |
| 17 | `#2c4466` | `oklch(38.34% 0.0661 257.36)` | Black Turmeric | white, 9.8 to 1 |
| 18 | `#2d4267` | `oklch(38.07% 0.0679 260.55)` | Black Turmeric | white, 10 to 1 |
| 19 | `#2e4167` | `oklch(37.81% 0.0696 263.64)` | Black Turmeric | white, 10.1 to 1 |
| 20 | `#303f67` | `oklch(37.56% 0.0714 266.59)` | Bay of Many | white, 10.2 to 1 |
| 21 | `#313e67` | `oklch(37.32% 0.0731 269.38)` | Bay of Many | white, 10.4 to 1 |
| 22 | `#323d67` | `oklch(37.11% 0.0748 271.99)` | Bay of Many | white, 10.5 to 1 |
| 23 | `#343b68` | `oklch(36.92% 0.0764 274.38)` | Spirit Blue | white, 10.6 to 1 |
| 24 | `#353a68` | `oklch(36.75% 0.0779 276.54)` | Rhynchites Nitens | white, 10.7 to 1 |
| 25 | `#363968` | `oklch(36.60% 0.0794 278.42)` | Rhynchites Nitens | white, 10.8 to 1 |
| 26 | `#373868` | `oklch(36.49% 0.0807 280.02)` | Rhynchites Nitens | white, 10.8 to 1 |
| 27 | `#373868` | `oklch(36.40% 0.0820 281.29)` | Rhynchites Nitens | white, 10.9 to 1 |
| 28 | `#383768` | `oklch(36.35% 0.0832 282.22)` | Rhynchites Nitens | white, 10.9 to 1 |
| 29 | `#383769` | `oklch(36.34% 0.0842 282.77)` | Rhynchites Nitens | white, 10.9 to 1 |
| 30 | `#383769` | `oklch(36.37% 0.0851 282.93)` | Rhynchites Nitens | white, 10.9 to 1 |
| 31 | `#38376a` | `oklch(36.43% 0.0859 282.65)` | Rhynchites Nitens | white, 10.9 to 1 |
| 32 | `#38376a` | `oklch(36.54% 0.0866 281.92)` | Rhynchites Nitens | white, 10.8 to 1 |
| 33 | `#37386b` | `oklch(36.70% 0.0870 280.71)` | Rhynchites Nitens | white, 10.8 to 1 |
| 34 | `#36396c` | `oklch(36.91% 0.0874 278.95)` | Spirit Blue | white, 10.7 to 1 |
| 35 | `#353a6e` | `oklch(37.18% 0.0876 276.67)` | Spirit Blue | white, 10.5 to 1 |
| 36 | `#333c6f` | `oklch(37.49% 0.0877 273.90)` | Spirit Blue | white, 10.4 to 1 |
| 37 | `#313e70` | `oklch(37.85% 0.0878 270.69)` | Newport Indigo | white, 10.2 to 1 |
| 38 | `#2e4072` | `oklch(38.25% 0.0877 267.05)` | Deep Ocean Floor | white, 10 to 1 |
| 39 | `#2b4273` | `oklch(38.69% 0.0875 263.03)` | Deep Ocean Floor | white, 9.8 to 1 |
| 40 | `#274574` | `oklch(39.16% 0.0872 258.67)` | Monaco Blue | white, 9.5 to 1 |
| 41 | `#224874` | `oklch(39.66% 0.0869 253.98)` | Pretty Twilight Night | white, 9.3 to 1 |
| 42 | `#1d4b75` | `oklch(40.20% 0.0865 249.02)` | Seashell Cove | white, 9.1 to 1 |
| 43 | `#164e75` | `oklch(40.76% 0.0860 243.81)` | Sail Maker | white, 8.8 to 1 |
| 44 | `#0e5174` | `oklch(41.33% 0.0855 238.38)` | Pirate’s Haven | white, 8.5 to 1 |
| 45 | `#045473` | `oklch(41.93% 0.0849 232.78)` | Night Kite | white, 8.3 to 1 |
| 46 | `#005771` | `oklch(42.55% 0.0822 227.07)` | Subaqueous | white, 8 to 1 |
| 47 | `#005a6f` | `oklch(43.17% 0.0793 221.21)` | Deep Lagoon | white, 7.8 to 1 |
| 48 | `#005c6d` | `oklch(43.79% 0.0775 215.27)` | Brave New Teal | white, 7.6 to 1 |
| 49 | `#005f6b` | `oklch(44.43% 0.0767 209.28)` | Petrol | white, 7.3 to 1 |
| 50 | `#006268` | `oklch(45.06% 0.0768 203.29)` | Turkish Aqua | white, 7.1 to 1 |
| 51 | `#006466` | `oklch(45.69% 0.0777 197.32)` | Really Teal | white, 6.9 to 1 |
| 52 | `#006764` | `oklch(46.31% 0.0796 191.42)` | Peacock Pride | white, 6.7 to 1 |
| 53 | `#0d6961` | `oklch(46.91% 0.0791 185.61)` | Evergreen Forest | white, 6.5 to 1 |
| 54 | `#186a5e` | `oklch(47.51% 0.0784 179.93)` | Evergreen Forest | white, 6.4 to 1 |
| 55 | `#226c5b` | `oklch(48.09% 0.0777 174.41)` | Forest Rain | white, 6.2 to 1 |
| 56 | `#2a6d58` | `oklch(48.65% 0.0769 169.09)` | Sparkling Emerald | white, 6 to 1 |
| 57 | `#316f55` | `oklch(49.19% 0.0763 164.00)` | Jungle Book Green | white, 5.9 to 1 |
| 58 | `#387053` | `oklch(49.70% 0.0756 159.17)` | Foliage Green | white, 5.8 to 1 |
| 59 | `#3e7050` | `oklch(50.17% 0.0751 154.64)` | Fairway | white, 5.7 to 1 |
| 60 | `#44714e` | `oklch(50.61% 0.0745 150.45)` | Fairway | white, 5.6 to 1 |
| 61 | `#49724d` | `oklch(51.02% 0.0740 146.62)` | Fairway | white, 5.5 to 1 |
| 62 | `#4d724b` | `oklch(51.38% 0.0736 143.19)` | Irish Clover | white, 5.4 to 1 |
| 63 | `#51734a` | `oklch(51.70% 0.0733 140.19)` | Irish Clover | white, 5.4 to 1 |
| 64 | `#547349` | `oklch(51.97% 0.0730 137.66)` | Irish Clover | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #30545c 0.0%, #30535c 1.6%, #2f535c 3.2%, #2e525d 4.8%, #2d525e 6.3%, #2c515e 7.9%, #2b505f 9.5%, #2a4f60 11.1%, #294e61 12.7%, #294d61 14.3%, #294c62 15.9%, #294b63 17.5%, #294a64 19.0%, #294864 20.6%, #2a4765 22.2%, #2b4566 23.8%, #2c4466 25.4%, #2d4267 27.0%, #2e4167 28.6%, #303f67 30.2%, #313e67 31.7%, #323d67 33.3%, #343b68 34.9%, #353a68 36.5%, #363968 38.1%, #373868 39.7%, #373868 41.3%, #383768 42.9%, #383769 44.4%, #383769 46.0%, #38376a 47.6%, #38376a 49.2%, #37386b 50.8%, #36396c 52.4%, #353a6e 54.0%, #333c6f 55.6%, #313e70 57.1%, #2e4072 58.7%, #2b4273 60.3%, #274574 61.9%, #224874 63.5%, #1d4b75 65.1%, #164e75 66.7%, #0e5174 68.3%, #045473 69.8%, #005771 71.4%, #005a6f 73.0%, #005c6d 74.6%, #005f6b 76.2%, #006268 77.8%, #006466 79.4%, #006764 81.0%, #0d6961 82.5%, #186a5e 84.1%, #226c5b 85.7%, #2a6d58 87.3%, #316f55 88.9%, #387053 90.5%, #3e7050 92.1%, #44714e 93.7%, #49724d 95.2%, #4d724b 96.8%, #51734a 98.4%, #547349 100.0%);
background: linear-gradient(225deg in oklch, oklch(42.13% 0.0427 213.75) 0.0%, oklch(42.02% 0.0435 214.99) 1.6%, oklch(41.89% 0.0444 216.56) 3.2%, oklch(41.73% 0.0454 218.42) 4.8%, oklch(41.55% 0.0466 220.55) 6.3%, oklch(41.34% 0.0479 222.93) 7.9%, oklch(41.11% 0.0492 225.51) 9.5%, oklch(40.87% 0.0507 228.29) 11.1%, oklch(40.61% 0.0522 231.23) 12.7%, oklch(40.34% 0.0538 234.31) 14.3%, oklch(40.07% 0.0554 237.49) 15.9%, oklch(39.78% 0.0572 240.75) 17.5%, oklch(39.49% 0.0589 244.07) 19.0%, oklch(39.20% 0.0607 247.42) 20.6%, oklch(38.91% 0.0625 250.77) 22.2%, oklch(38.62% 0.0643 254.09) 23.8%, oklch(38.34% 0.0661 257.36) 25.4%, oklch(38.07% 0.0679 260.55) 27.0%, oklch(37.81% 0.0696 263.64) 28.6%, oklch(37.56% 0.0714 266.59) 30.2%, oklch(37.32% 0.0731 269.38) 31.7%, oklch(37.11% 0.0748 271.99) 33.3%, oklch(36.92% 0.0764 274.38) 34.9%, oklch(36.75% 0.0779 276.54) 36.5%, oklch(36.60% 0.0794 278.42) 38.1%, oklch(36.49% 0.0807 280.02) 39.7%, oklch(36.40% 0.0820 281.29) 41.3%, oklch(36.35% 0.0832 282.22) 42.9%, oklch(36.34% 0.0842 282.77) 44.4%, oklch(36.37% 0.0851 282.93) 46.0%, oklch(36.43% 0.0859 282.65) 47.6%, oklch(36.54% 0.0866 281.92) 49.2%, oklch(36.70% 0.0870 280.71) 50.8%, oklch(36.91% 0.0874 278.95) 52.4%, oklch(37.18% 0.0876 276.67) 54.0%, oklch(37.49% 0.0877 273.90) 55.6%, oklch(37.85% 0.0878 270.69) 57.1%, oklch(38.25% 0.0877 267.05) 58.7%, oklch(38.69% 0.0875 263.03) 60.3%, oklch(39.16% 0.0872 258.67) 61.9%, oklch(39.66% 0.0869 253.98) 63.5%, oklch(40.20% 0.0865 249.02) 65.1%, oklch(40.76% 0.0860 243.81) 66.7%, oklch(41.33% 0.0855 238.38) 68.3%, oklch(41.93% 0.0849 232.78) 69.8%, oklch(42.55% 0.0822 227.07) 71.4%, oklch(43.17% 0.0793 221.21) 73.0%, oklch(43.79% 0.0775 215.27) 74.6%, oklch(44.43% 0.0767 209.28) 76.2%, oklch(45.06% 0.0768 203.29) 77.8%, oklch(45.69% 0.0777 197.32) 79.4%, oklch(46.31% 0.0796 191.42) 81.0%, oklch(46.91% 0.0791 185.61) 82.5%, oklch(47.51% 0.0784 179.93) 84.1%, oklch(48.09% 0.0777 174.41) 85.7%, oklch(48.65% 0.0769 169.09) 87.3%, oklch(49.19% 0.0763 164.00) 88.9%, oklch(49.70% 0.0756 159.17) 90.5%, oklch(50.17% 0.0751 154.64) 92.1%, oklch(50.61% 0.0745 150.45) 93.7%, oklch(51.02% 0.0740 146.62) 95.2%, oklch(51.38% 0.0736 143.19) 96.8%, oklch(51.70% 0.0733 140.19) 98.4%, oklch(51.97% 0.0730 137.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.043 | 213.8 |
| 2 | 0.366 | 0.087 | 281.4 |
| 3 | 0.52 | 0.073 | 137.7 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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