Skip to content

Grabient palettes

Duotone tan to teal linear gradient

Linear gradient, 7 colors at 90°: #d0a36f, #ca945f, #b7864a, #997c51, #747761, #5a726c, #397365. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #d0a36f
  • #ca945f
  • #b7864a
  • #997c51
  • #747761
  • #5a726c
  • #397365

CSS

background: linear-gradient(90deg in oklch, oklch(74.41% 0.0868 69.61) 0.0%, oklch(70.62% 0.0955 64.41) 16.7%, oklch(65.51% 0.0975 69.81) 33.3%, oklch(60.29% 0.0692 75.82) 50.0%, oklch(55.96% 0.0333 114.58) 66.7%, oklch(53.03% 0.0287 180.36) 83.3%, oklch(51.18% 0.0661 175.28) 100.0%);

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works