#5E465D - #758BA1 | 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 #5E465D a #758BA1

#5E465D #758BA1

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

#5E465D - #758BA1 | 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 #5E465D como 0% y #758BA1 como 100%.

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #615168	RGB 97 81 104	#615168
33.3%	33.3% #655D73	RGB 101 93 115	#655D73
50.0%	50.0% #69687F	RGB 105 104 127	#69687F
66.7%	66.7% #6D748A	RGB 109 116 138	#6D748A
83.3%	83.3% #717F95	RGB 113 127 149	#717F95
100.0%	100.0% #758BA1	RGB 117 139 161	#758BA1

#5E465D #615168 #655D73 #69687F #6D748A #717F95 #758BA1

#5E465D - #758BA1

Mezcla HSV

#5E465D - #758BA1 | 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 #5E465D como 0% y #758BA1 como 100%.

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #634E69	RGB 99 78 105	#634E69
33.3%	33.3% #655574	RGB 101 85 116	#655574
50.0%	50.0% #665D7F	RGB 102 93 127	#665D7F
66.7%	66.7% #66658A	RGB 102 101 138	#66658A
83.3%	83.3% #6D7795	RGB 109 119 149	#6D7795
100.0%	100.0% #758BA1	RGB 117 139 161	#758BA1

#5E465D #634E69 #655574 #665D7F #66658A #6D7795 #758BA1

#5E465D - #665D7F - #758BA1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E465D 0%, #665D7F 50%, #758BA1 100%);
    background: -webkit-linear-gradient(top, #5E465D 0%, #665D7F 50%, #758BA1 100%);
    background: linear-gradient(to bottom, #5E465D 0%, #665D7F 50%, #758BA1 100%);
}
</style>