#555664 - #CECED2 | 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 #555664 a #CECED2

#555664 #CECED2

Calcule el color entre dos colores, #555664 y #CECED2. 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)

#555664 - #CECED2 | 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 #555664 como 0% y #CECED2 como 100%.

0.0%	0.0% #555664	RGB 85 86 100	#555664
16.7%	16.7% #696A76	RGB 105 106 118	#696A76
33.3%	33.3% #7D7E88	RGB 125 126 136	#7D7E88
50.0%	50.0% #91929B	RGB 145 146 155	#91929B
66.7%	66.7% #A5A6AD	RGB 165 166 173	#A5A6AD
83.3%	83.3% #B9BABF	RGB 185 186 191	#B9BABF
100.0%	100.0% #CECED2	RGB 206 206 210	#CECED2

#555664 #696A76 #7D7E88 #91929B #A5A6AD #B9BABF #CECED2

#555664 - #CECED2

Mezcla HSV

#555664 - #CECED2 | 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 #555664 como 0% y #CECED2 como 100%.

0.0%	0.0% #555664	RGB 85 86 100	#555664
16.7%	16.7% #676876	RGB 103 104 118	#676876
33.3%	33.3% #7A7A88	RGB 122 122 136	#7A7A88
50.0%	50.0% #8D8E9B	RGB 141 142 155	#8D8E9B
66.7%	66.7% #A2A2AD	RGB 162 162 173	#A2A2AD
83.3%	83.3% #B7B7BF	RGB 183 183 191	#B7B7BF
100.0%	100.0% #CECED2	RGB 206 206 210	#CECED2

#555664 #676876 #7A7A88 #8D8E9B #A2A2AD #B7B7BF #CECED2

#555664 - #8D8E9B - #CECED2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #555664 0%, #8D8E9B 50%, #CECED2 100%);
    background: -webkit-linear-gradient(top, #555664 0%, #8D8E9B 50%, #CECED2 100%);
    background: linear-gradient(to bottom, #555664 0%, #8D8E9B 50%, #CECED2 100%);
}
</style>