Skip to content
Grabient palettes

Duotone blue to yellow linear gradient

Duotone blue to yellow color palette

Linear gradient, 13 colors at 90°: #3684e3, #6bc9ff, #a1fffe, #d7fff0, #fffda4. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #3684e3
  • #4699f2
  • #5ab3ff
  • #6bc9ff
  • #7eddfd
  • #8ef1fe
  • #a1fffe
  • #c1feff
  • #c7feff
  • #d7fff0
  • #e5ffde
  • #f0ffc6
  • #fffda4

CSS

background: linear-gradient(90deg in oklch, oklch(61.42% 0.1626 255.23) 0.0%, oklch(67.25% 0.1548 252.53) 8.3%, oklch(74.41% 0.1398 246.78) 16.7%, oklch(79.97% 0.1177 235.81) 25.0%, oklch(85.04% 0.1006 222.48) 33.3%, oklch(90.11% 0.0946 207.09) 41.7%, oklch(94.09% 0.0896 195.00) 50.0%, oklch(95.57% 0.0604 197.96) 58.3%, oklch(96.06% 0.0559 197.10) 66.7%, oklch(96.75% 0.0460 170.18) 75.0%, oklch(97.24% 0.0510 138.99) 83.3%, oklch(97.51% 0.0753 119.50) 91.7%, oklch(97.64% 0.1102 107.29) 100.0%);

In these collections

Blue and yellow swatchesButter yellow and blue

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works