De azul claro a morado (análogos) en degradado lineal

De azul claro a morado (análogos): paleta con 32 colores. #c5c1f4, #b0abff, #948ce8, #796fb9, #564ba5. Edítala y expórtala como CSS, SVG, PNG o un shader.

32 colores, 5 fotogramas clave OKLCH editables.

#c5c1f4
#c3bff6
#c1bdf8
#bfbafa
#bcb7fd
#b9b4ff
#b6b1ff
#b3aeff
#b0abff
#ada7ff
#aaa3ff
#a6a0fc
#a39cf9
#9f98f6
#9c94f2
#9890ed
#948ce8
#9188e2
#8d84db
#8980d4
#857ccc
#8178c5
#7d73be
#796fb9
#746bb5
#6f66b1
#6a61ae
#655cac
#6157aa
#5c52a8
#594ea6
#564ba5

CSS

background: linear-gradient(90deg in oklch, oklch(83.07% 0.0717 288.28) 0.0%, oklch(82.69% 0.0760 288.10) 3.2%, oklch(82.20% 0.0822 287.83) 6.5%, oklch(81.62% 0.0895 287.52) 9.7%, oklch(80.97% 0.0975 287.18) 12.9%, oklch(80.24% 0.1048 286.85) 16.1%, oklch(79.45% 0.1091 286.54) 19.4%, oklch(78.61% 0.1138 286.30) 22.6%, oklch(77.73% 0.1188 286.14) 25.8%, oklch(76.79% 0.1242 286.03) 29.0%, oklch(75.78% 0.1297 285.95) 32.3%, oklch(74.71% 0.1318 285.91) 35.5%, oklch(73.59% 0.1332 285.91) 38.7%, oklch(72.41% 0.1340 285.94) 41.9%, oklch(71.19% 0.1342 286.00) 45.2%, oklch(69.93% 0.1340 286.10) 48.4%, oklch(68.63% 0.1331 286.25) 51.6%, oklch(67.24% 0.1307 286.52) 54.8%, oklch(65.78% 0.1272 286.88) 58.1%, oklch(64.28% 0.1232 287.27) 61.3%, oklch(62.75% 0.1190 287.66) 64.5%, oklch(61.21% 0.1154 287.99) 67.7%, oklch(59.70% 0.1127 288.22) 71.0%, oklch(58.23% 0.1116 288.29) 74.2%, oklch(56.77% 0.1124 288.17) 77.4%, oklch(55.21% 0.1150 287.86) 80.6%, oklch(53.61% 0.1188 287.42) 83.9%, oklch(52.04% 0.1234 286.90) 87.1%, oklch(50.55% 0.1282 286.35) 90.3%, oklch(49.21% 0.1328 285.83) 93.5%, oklch(48.09% 0.1366 285.40) 96.8%, oklch(47.24% 0.1392 285.11) 100.0%);

En estas colecciones

Degradados para sección hero Degradados para fondo de escritorio