# Blue gold gradient

Tritone blue, teal and light green linear gradient with 32 colors: #2758c3, #0a62c6, #0070bb, #007db5, #008bb2, #009ab1, #00a9b0, #00b9ac, #17c8a3, #5fd299, #88da91, #a9df8d, #c3e48d, #d6e790, #e2e995, #e7ea99, #e6e99c, #dee79e, #d1e39f, #c0dda0, #acd4a2, #96caa3, #82bea4, #70b1a3, #62a2a1, #59939d, #538496, #50768d, #4e6984, #4c5e7a, #4b5572, #494f6b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone blue, teal and light green linear gradient
- Seed: `kSfYC7dKStzcRU4`
- Page: https://grabient.com/kSfYC7dKStzcRU4?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.3 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 | `#2758c3` | `oklch(49.21% 0.1764 262.97)` | Cerulean Blue | white, 6.4 to 1 |
| 2 | `#0a62c6` | `oklch(50.93% 0.1736 256.79)` | Royal Navy Blue | white, 5.8 to 1 |
| 3 | `#0070bb` | `oklch(53.28% 0.1448 248.40)` | Spanish Blue | white, 5.2 to 1 |
| 4 | `#007db5` | `oklch(56.14% 0.1248 238.15)` | Artesian Water | black, 4.6 to 1 |
| 5 | `#008bb2` | `oklch(59.41% 0.1141 226.44)` | Spinnaker Blue | black, 5.3 to 1 |
| 6 | `#009ab1` | `oklch(62.99% 0.1105 213.64)` | Caneel Bay | black, 6.2 to 1 |
| 7 | `#00a9b0` | `oklch(66.76% 0.1135 200.14)` | Blue Bolero | black, 7.2 to 1 |
| 8 | `#00b9ac` | `oklch(70.62% 0.1237 186.33)` | Verditer | black, 8.5 to 1 |
| 9 | `#17c8a3` | `oklch(74.45% 0.1404 172.57)` | Jadeite | black, 9.8 to 1 |
| 10 | `#5fd299` | `oklch(78.16% 0.1347 159.26)` | Van Gogh Green | black, 11.1 to 1 |
| 11 | `#88da91` | `oklch(81.63% 0.1289 146.77)` | Leek | black, 12.4 to 1 |
| 12 | `#a9df8d` | `oklch(84.77% 0.1232 135.48)` | Stem Green | black, 13.6 to 1 |
| 13 | `#c3e48d` | `oklch(87.45% 0.1177 125.77)` | Oxalis | black, 14.7 to 1 |
| 14 | `#d6e790` | `oklch(89.57% 0.1124 118.02)` | Refreshed | black, 15.7 to 1 |
| 15 | `#e2e995` | `oklch(91.03% 0.1074 112.62)` | Lime Juice Green | black, 16.3 to 1 |
| 16 | `#e7ea99` | `oklch(91.71% 0.1027 109.94)` | Orchid Hue | black, 16.6 to 1 |
| 17 | `#e6e99c` | `oklch(91.52% 0.0985 110.35)` | Orchid Hue | black, 16.5 to 1 |
| 18 | `#dee79e` | `oklch(90.43% 0.0943 113.90)` | Fresh Frappé | black, 16 to 1 |
| 19 | `#d1e39f` | `oklch(88.55% 0.0901 120.21)` | Apple Bob | black, 15.1 to 1 |
| 20 | `#c0dda0` | `oklch(86.00% 0.0859 128.88)` | Cactus Spike | black, 14 to 1 |
| 21 | `#acd4a2` | `oklch(82.87% 0.0818 139.54)` | Pistachio Green | black, 12.7 to 1 |
| 22 | `#96caa3` | `oklch(79.30% 0.0777 151.78)` | Irish Spring | black, 11.3 to 1 |
| 23 | `#82bea4` | `oklch(75.38% 0.0738 165.22)` | Celadon Porcelain | black, 9.8 to 1 |
| 24 | `#70b1a3` | `oklch(71.24% 0.0699 179.48)` | Turquoise Fantasies | black, 8.5 to 1 |
| 25 | `#62a2a1` | `oklch(66.97% 0.0662 194.14)` | Folk Song | black, 7.2 to 1 |
| 26 | `#59939d` | `oklch(62.71% 0.0627 208.83)` | Clear Brook | black, 6 to 1 |
| 27 | `#538496` | `oklch(58.55% 0.0594 223.16)` | Blue Moon Bay | black, 5.1 to 1 |
| 28 | `#50768d` | `oklch(54.61% 0.0564 236.73)` | Melancholic Sea | white, 4.8 to 1 |
| 29 | `#4e6984` | `oklch(51.01% 0.0535 249.16)` | Wedgewood | white, 5.7 to 1 |
| 30 | `#4c5e7a` | `oklch(47.84% 0.0510 260.05)` | Stream | white, 6.5 to 1 |
| 31 | `#4b5572` | `oklch(45.24% 0.0488 269.01)` | Steadfast | white, 7.4 to 1 |
| 32 | `#494f6b` | `oklch(43.31% 0.0469 275.65)` | Crown Blue | white, 8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2758c3 0.0%, #0a62c6 3.2%, #0070bb 6.5%, #007db5 9.7%, #008bb2 12.9%, #009ab1 16.1%, #00a9b0 19.4%, #00b9ac 22.6%, #17c8a3 25.8%, #5fd299 29.0%, #88da91 32.3%, #a9df8d 35.5%, #c3e48d 38.7%, #d6e790 41.9%, #e2e995 45.2%, #e7ea99 48.4%, #e6e99c 51.6%, #dee79e 54.8%, #d1e39f 58.1%, #c0dda0 61.3%, #acd4a2 64.5%, #96caa3 67.7%, #82bea4 71.0%, #70b1a3 74.2%, #62a2a1 77.4%, #59939d 80.6%, #538496 83.9%, #50768d 87.1%, #4e6984 90.3%, #4c5e7a 93.5%, #4b5572 96.8%, #494f6b 100.0%);
background: linear-gradient(45deg in oklch, oklch(49.21% 0.1764 262.97) 0.0%, oklch(50.93% 0.1736 256.79) 3.2%, oklch(53.28% 0.1448 248.40) 6.5%, oklch(56.14% 0.1248 238.15) 9.7%, oklch(59.41% 0.1141 226.44) 12.9%, oklch(62.99% 0.1105 213.64) 16.1%, oklch(66.76% 0.1135 200.14) 19.4%, oklch(70.62% 0.1237 186.33) 22.6%, oklch(74.45% 0.1404 172.57) 25.8%, oklch(78.16% 0.1347 159.26) 29.0%, oklch(81.63% 0.1289 146.77) 32.3%, oklch(84.77% 0.1232 135.48) 35.5%, oklch(87.45% 0.1177 125.77) 38.7%, oklch(89.57% 0.1124 118.02) 41.9%, oklch(91.03% 0.1074 112.62) 45.2%, oklch(91.71% 0.1027 109.94) 48.4%, oklch(91.52% 0.0985 110.35) 51.6%, oklch(90.43% 0.0943 113.90) 54.8%, oklch(88.55% 0.0901 120.21) 58.1%, oklch(86.00% 0.0859 128.88) 61.3%, oklch(82.87% 0.0818 139.54) 64.5%, oklch(79.30% 0.0777 151.78) 67.7%, oklch(75.38% 0.0738 165.22) 71.0%, oklch(71.24% 0.0699 179.48) 74.2%, oklch(66.97% 0.0662 194.14) 77.4%, oklch(62.71% 0.0627 208.83) 80.6%, oklch(58.55% 0.0594 223.16) 83.9%, oklch(54.61% 0.0564 236.73) 87.1%, oklch(51.01% 0.0535 249.16) 90.3%, oklch(47.84% 0.0510 260.05) 93.5%, oklch(45.24% 0.0488 269.01) 96.8%, oklch(43.31% 0.0469 275.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.176 | 263 |
| 2 | 0.917 | 0.101 | 109.7 |
| 3 | 0.433 | 0.047 | 275.6 |

## In these collections

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

## Other forms

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