Azul, amarillo y tostado en degradado lineal

Degradado lineal, 7 colores a 90°: #3c82d6, #8fb7e9, #86dcaf, #d3db6b, #e2e05c, #edcc53, #c8b38a. Edita y exporta CSS, SVG, PNG o un shader.

6 fotogramas clave OKLCH editables.

#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%);