Skip to content

Grabient palettes

Blue, yellow and tan linear gradient

Linear gradient, 7 colors at 90°: #3c82d6, #8fb7e9, #86dcaf, #d3db6b, #e2e05c, #edcc53, #c8b38a. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #3c82d6
  • #8fb7e9
  • #86dcaf
  • #d3db6b
  • #e2e05c
  • #edcc53
  • #c8b38a

CSS

background: linear-gradient(90deg in oklch, oklch(60.24% 0.1461 254.53) 0.0%, oklch(76.98% 0.0841 254.19) 16.7%, oklch(82.66% 0.1054 160.21) 33.3%, oklch(86.20% 0.1359 112.20) 50.0%, oklch(88.28% 0.1522 108.39) 66.7%, oklch(85.06% 0.1423 93.58) 83.3%, oklch(77.56% 0.0606 84.39) 100.0%);

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works