Azul, gris y tostado (complementarios) en degradado lineal

Azul, gris y tostado (complementarios): paleta de colores

Degradado lineal, 32 colores a 180°: #304293, #4173c3, #73a4cc, #a3b4aa, #c59a74. Edita y exporta CSS, SVG, PNG o un shader.

7 fotogramas clave OKLCH editables.

#304293
#314698
#324b9f
#3251a6
#3458ae
#355fb4
#3865b9
#3c6cbe
#4173c3
#467ac7
#4c81ca
#5187cc
#588ece
#5f94cf
#669acf
#6d9fce
#73a4cc
#7ca8c9
#86abc4
#8eaec0
#95b0bb
#9ab2b6
#9eb3b1
#a3b4aa
#a9b3a4
#b0b19e
#b5ae9a
#b9ab93
#bda68b
#c0a181
#c39d79
#c59a74

CSS

background: linear-gradient(180deg in oklch, oklch(41.34% 0.1350 270.00) 0.0%, oklch(42.50% 0.1365 269.02) 3.2%, oklch(44.13% 0.1389 267.63) 6.5%, oklch(46.05% 0.1414 266.01) 9.7%, oklch(48.09% 0.1431 264.35) 12.9%, oklch(50.08% 0.1435 262.83) 16.1%, oklch(51.99% 0.1420 261.57) 19.4%, oklch(54.00% 0.1393 260.45) 22.6%, oklch(56.05% 0.1357 259.35) 25.8%, oklch(58.07% 0.1311 258.17) 29.0%, oklch(60.01% 0.1259 256.79) 32.3%, oklch(61.85% 0.1200 255.24) 35.5%, oklch(63.67% 0.1132 253.84) 38.7%, oklch(65.42% 0.1056 252.29) 41.9%, oklch(67.08% 0.0974 250.28) 45.2%, oklch(68.60% 0.0886 247.49) 48.4%, oklch(69.94% 0.0791 243.98) 51.6%, oklch(71.17% 0.0675 241.28) 54.8%, oklch(72.26% 0.0550 238.22) 58.1%, oklch(73.20% 0.0432 233.20) 61.3%, oklch(73.99% 0.0335 224.61) 64.5%, oklch(74.59% 0.0273 210.64) 67.7%, oklch(75.03% 0.0239 188.81) 71.0%, oklch(75.30% 0.0227 161.92) 74.2%, oklch(75.41% 0.0234 134.01) 77.4%, oklch(75.36% 0.0258 109.09) 80.6%, oklch(75.15% 0.0297 91.13) 83.9%, oklch(74.62% 0.0368 79.78) 87.1%, oklch(73.84% 0.0466 72.61) 90.3%, oklch(72.97% 0.0571 68.29) 93.5%, oklch(72.18% 0.0666 65.49) 96.8%, oklch(71.65% 0.0730 62.88) 100.0%);

En estas colecciones

Interfaz de vidrio iridiscente