Azul marino, morado, rosa y azul claro en tonos vivos en degradado lineal

Azul marino, morado, rosa y azul claro en tonos vivos: paleta de colores

Degradado lineal, 32 colores a 90°: #29104e, #ac2aa4, #cf77e7, #8d8bfd, #57dff4. Edita y exporta CSS, SVG, PNG o un shader.

7 fotogramas clave OKLCH editables.

#29104e
#2e1255
#351660
#3f1a6d
#4b1e7b
#5a2388
#6f2695
#8c299f
#ac2aa4
#cb2ca5
#e231a6
#ed3cad
#ef4bb9
#e959c7
#e066d5
#d670df
#cf77e7
#c77dee
#be82f4
#b586f9
#ab89fc
#a18cfe
#978cfe
#8d8bfd
#828bfc
#768efc
#6995fd
#59a4ff
#48b6ff
#42c8fc
#4ad6f8
#57dff4

CSS

background: linear-gradient(90deg in oklch, oklch(25.20% 0.1061 296.02) 0.0%, oklch(26.96% 0.1132 296.78) 3.2%, oklch(29.34% 0.1231 297.55) 6.5%, oklch(32.24% 0.1349 298.81) 9.7%, oklch(35.55% 0.1476 301.05) 12.9%, oklch(39.14% 0.1605 304.74) 16.1%, oklch(43.29% 0.1748 311.10) 19.4%, oklch(48.29% 0.1924 320.51) 22.6%, oklch(53.58% 0.2102 330.88) 25.8%, oklch(58.58% 0.2253 340.05) 29.0%, oklch(62.70% 0.2344 345.90) 32.3%, oklch(65.54% 0.2348 346.76) 35.5%, oklch(67.44% 0.2269 343.63) 38.7%, oklch(68.69% 0.2140 337.94) 41.9%, oklch(69.51% 0.1998 331.04) 45.2%, oklch(70.15% 0.1876 324.28) 48.4%, oklch(70.77% 0.1800 318.66) 51.6%, oklch(71.13% 0.1748 312.97) 54.8%, oklch(71.24% 0.1708 307.08) 58.1%, oklch(71.17% 0.1678 301.17) 61.3%, oklch(71.00% 0.1654 295.43) 64.5%, oklch(70.76% 0.1634 290.09) 67.7%, oklch(70.01% 0.1630 285.73) 71.0%, oklch(69.00% 0.1638 281.82) 74.2%, oklch(68.15% 0.1644 277.60) 77.4%, oklch(67.91% 0.1637 272.27) 80.6%, oklch(68.74% 0.1604 265.04) 83.9%, oklch(71.08% 0.1537 254.56) 87.1%, oklch(74.47% 0.1445 241.82) 90.3%, oklch(78.22% 0.1347 228.76) 93.5%, oklch(81.59% 0.1259 217.29) 96.8%, oklch(83.86% 0.1199 209.36) 100.0%);

En estas colecciones

Degradados vaporwave Paleta de colores vaporwave