Analogous teal, gray and green linear gradient

Linear gradient, 7 colors at 90°: #4e756c, #779873, #a0b98a, #9dc5a7, #41645c, #28483e, #60744f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #4e756c
• #779873
• #a0b98a
• #9dc5a7
• #41645c
• #28483e
• #60744f

CSS

background: linear-gradient(90deg in oklch, oklch(53.15% 0.0469 178.59) 0.0%, oklch(64.42% 0.0651 141.92) 16.7%, oklch(75.50% 0.0711 130.92) 33.3%, oklch(78.74% 0.0606 152.17) 50.0%, oklch(47.27% 0.0421 180.08) 66.7%, oklch(37.47% 0.0420 171.39) 83.3%, oklch(53.15% 0.0593 131.04) 100.0%);

In these collections

Between tidesJade rabbit moonlight

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works