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

De azul marino a morado (análogos): paleta de colores

Degradado lineal, 64 colores a 120°: #061a3c, #12214e, #262b67, #3c347e, #4d3b8f. Edita y exporta CSS, SVG, PNG o un shader.

2 fotogramas clave OKLCH editables.

#061a3c
#071a3d
#071a3e
#081b3f
#081b3f
#091b40
#0a1c41
#0a1c42
#0b1d43
#0c1d45
#0d1e46
#0d1e47
#0e1f48
#0f1f49
#10204b
#11204c
#12214e
#13224f
#142250
#162352
#172353
#182455
#192557
#1a2558
#1c265a
#1d275b
#1e275d
#1f285f
#212960
#222962
#242a64
#252b65
#262b67
#282c69
#292d6a
#2b2d6c
#2c2e6e
#2d2f6f
#2f2f71
#303072
#323074
#333176
#353277
#363279
#38337a
#39337c
#3a347d
#3c347e
#3d3580
#3e3581
#403682
#413684
#423785
#433786
#453887
#463888
#473889
#48398a
#49398b
#4a398c
#4b3a8d
#4b3a8d
#4c3a8e
#4d3b8f

CSS

background: linear-gradient(120deg in oklch, oklch(22.44% 0.0717 260.86) 0.0%, oklch(22.60% 0.0722 261.10) 1.6%, oklch(22.78% 0.0727 261.35) 3.2%, oklch(22.96% 0.0733 261.63) 4.8%, oklch(23.17% 0.0740 261.93) 6.3%, oklch(23.38% 0.0747 262.25) 7.9%, oklch(23.61% 0.0754 262.58) 9.5%, oklch(23.84% 0.0762 262.93) 11.1%, oklch(24.09% 0.0770 263.30) 12.7%, oklch(24.35% 0.0778 263.69) 14.3%, oklch(24.62% 0.0787 264.09) 15.9%, oklch(24.90% 0.0796 264.50) 17.5%, oklch(25.19% 0.0805 264.93) 19.0%, oklch(25.49% 0.0815 265.37) 20.6%, oklch(25.80% 0.0825 265.83) 22.2%, oklch(26.12% 0.0835 266.30) 23.8%, oklch(26.44% 0.0845 266.78) 25.4%, oklch(26.77% 0.0856 267.26) 27.0%, oklch(27.11% 0.0867 267.76) 28.6%, oklch(27.45% 0.0878 268.27) 30.2%, oklch(27.80% 0.0889 268.79) 31.7%, oklch(28.16% 0.0900 269.31) 33.3%, oklch(28.52% 0.0912 269.85) 34.9%, oklch(28.88% 0.0924 270.38) 36.5%, oklch(29.25% 0.0935 270.93) 38.1%, oklch(29.62% 0.0947 271.48) 39.7%, oklch(29.99% 0.0959 272.03) 41.3%, oklch(30.37% 0.0971 272.59) 42.9%, oklch(30.75% 0.0984 273.15) 44.4%, oklch(31.13% 0.0996 273.71) 46.0%, oklch(31.51% 0.1008 274.28) 47.6%, oklch(31.90% 0.1020 274.84) 49.2%, oklch(32.28% 0.1033 275.41) 50.8%, oklch(32.66% 0.1045 275.97) 52.4%, oklch(33.04% 0.1057 276.54) 54.0%, oklch(33.42% 0.1070 277.10) 55.6%, oklch(33.80% 0.1082 277.66) 57.1%, oklch(34.18% 0.1094 278.22) 58.7%, oklch(34.55% 0.1106 278.77) 60.3%, oklch(34.92% 0.1118 279.32) 61.9%, oklch(35.29% 0.1130 279.87) 63.5%, oklch(35.66% 0.1141 280.41) 65.1%, oklch(36.02% 0.1153 280.94) 66.7%, oklch(36.37% 0.1164 281.46) 68.3%, oklch(36.72% 0.1176 281.98) 69.8%, oklch(37.06% 0.1187 282.49) 71.4%, oklch(37.40% 0.1197 282.99) 73.0%, oklch(37.73% 0.1208 283.48) 74.6%, oklch(38.06% 0.1218 283.95) 76.2%, oklch(38.37% 0.1229 284.42) 77.8%, oklch(38.68% 0.1238 284.88) 79.4%, oklch(38.98% 0.1248 285.32) 81.0%, oklch(39.27% 0.1257 285.75) 82.5%, oklch(39.55% 0.1266 286.16) 84.1%, oklch(39.82% 0.1275 286.56) 85.7%, oklch(40.08% 0.1284 286.95) 87.3%, oklch(40.33% 0.1292 287.32) 88.9%, oklch(40.57% 0.1299 287.67) 90.5%, oklch(40.79% 0.1306 288.00) 92.1%, oklch(41.01% 0.1313 288.32) 93.7%, oklch(41.21% 0.1320 288.62) 95.2%, oklch(41.40% 0.1326 288.90) 96.8%, oklch(41.57% 0.1331 289.15) 98.4%, oklch(41.73% 0.1337 289.39) 100.0%);

En estas colecciones

Degradados de dos colores