#5E465A - #490944 | 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 #5E465A a #490944

#5E465A #490944

Calcule el color entre dos colores, #5E465A y #490944. 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)

#5E465A - #490944 | 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 #5E465A como 0% y #490944 como 100%.

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #5A3B56	RGB 90 59 86	#5A3B56
33.3%	33.3% #573152	RGB 87 49 82	#573152
50.0%	50.0% #53274F	RGB 83 39 79	#53274F
66.7%	66.7% #501D4B	RGB 80 29 75	#501D4B
83.3%	83.3% #4C1347	RGB 76 19 71	#4C1347
100.0%	100.0% #490944	RGB 73 9 68	#490944

#5E465A #5A3B56 #573152 #53274F #501D4B #4C1347 #490944

#5E465A - #490944

Mezcla HSV

#5E465A - #490944 | 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 #5E465A como 0% y #490944 como 100%.

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #5A3A55	RGB 90 58 85	#5A3A55
33.3%	33.3% #572E51	RGB 87 46 81	#572E51
50.0%	50.0% #53244D	RGB 83 36 77	#53244D
66.7%	66.7% #501A4A	RGB 80 26 74	#501A4A
83.3%	83.3% #4C1147	RGB 76 17 71	#4C1147
100.0%	100.0% #490944	RGB 73 9 68	#490944

#5E465A #5A3A55 #572E51 #53244D #501A4A #4C1147 #490944

#5E465A - #53244D - #490944

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E465A 0%, #53244D 50%, #490944 100%);
    background: -webkit-linear-gradient(top, #5E465A 0%, #53244D 50%, #490944 100%);
    background: linear-gradient(to bottom, #5E465A 0%, #53244D 50%, #490944 100%);
}
</style>