#5E5EAF - #182357 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #5E5EAF a #182357

#5E5EAF #182357

Calcule el color entre dos colores, #5E5EAF y #182357. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#5E5EAF - #182357 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #5E5EAF como 0% y #182357 como 100%.

0.0%	0.0% #5E5EAF	RGB 94 94 175	#5E5EAF
16.7%	16.7% #5254A0	RGB 82 84 160	#5254A0
33.3%	33.3% #464A91	RGB 70 74 145	#464A91
50.0%	50.0% #3B4083	RGB 59 64 131	#3B4083
66.7%	66.7% #2F3674	RGB 47 54 116	#2F3674
83.3%	83.3% #232C65	RGB 35 44 101	#232C65
100.0%	100.0% #182357	RGB 24 35 87	#182357

#5E5EAF #5254A0 #464A91 #3B4083 #2F3674 #232C65 #182357

#5E5EAF - #182357

Mezcla HSV

#5E5EAF - #182357 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #5E5EAF como 0% y #182357 como 100%.

0.0%	0.0% #5E5EAF	RGB 94 94 175	#5E5EAF
16.7%	16.7% #4F51A0	RGB 79 81 160	#4F51A0
33.3%	33.3% #414691	RGB 65 70 145	#414691
50.0%	50.0% #353C83	RGB 53 60 131	#353C83
66.7%	66.7% #2A3274	RGB 42 50 116	#2A3274
83.3%	83.3% #202A65	RGB 32 42 101	#202A65
100.0%	100.0% #182357	RGB 24 35 87	#182357

#5E5EAF #4F51A0 #414691 #353C83 #2A3274 #202A65 #182357

#5E5EAF - #353C83 - #182357

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EAF 0%, #182357 100%);
    background: -webkit-linear-gradient(top, #5E5EAF 0%, #182357 100%);
    background: linear-gradient(to bottom, #5E5EAF 0%, #182357 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EAF 0%, #353C83 50%, #182357 100%);
    background: -webkit-linear-gradient(top, #5E5EAF 0%, #353C83 50%, #182357 100%);
    background: linear-gradient(to bottom, #5E5EAF 0%, #353C83 50%, #182357 100%);
}
</style>