#555653 - #CECECD | 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 #555653 a #CECECD

#555653 #CECECD

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

#555653 - #CECECD | 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 #555653 como 0% y #CECECD como 100%.

0.0%	0.0% #555653	RGB 85 86 83	#555653
16.7%	16.7% #696A67	RGB 105 106 103	#696A67
33.3%	33.3% #7D7E7B	RGB 125 126 123	#7D7E7B
50.0%	50.0% #919290	RGB 145 146 144	#919290
66.7%	66.7% #A5A6A4	RGB 165 166 164	#A5A6A4
83.3%	83.3% #B9BAB8	RGB 185 186 184	#B9BAB8
100.0%	100.0% #CECECD	RGB 206 206 205	#CECECD

#555653 #696A67 #7D7E7B #919290 #A5A6A4 #B9BAB8 #CECECD

#555653 - #CECECD

Mezcla HSV

#555653 - #CECECD | 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 #555653 como 0% y #CECECD como 100%.

0.0%	0.0% #555653	RGB 85 86 83	#555653
16.7%	16.7% #696A66	RGB 105 106 102	#696A66
33.3%	33.3% #7D7E7A	RGB 125 126 122	#7D7E7A
50.0%	50.0% #91928F	RGB 145 146 143	#91928F
66.7%	66.7% #A5A6A3	RGB 165 166 163	#A5A6A3
83.3%	83.3% #B9BAB8	RGB 185 186 184	#B9BAB8
100.0%	100.0% #CECECD	RGB 206 206 205	#CECECD

#555653 #696A66 #7D7E7A #91928F #A5A6A3 #B9BAB8 #CECECD

#555653 - #91928F - #CECECD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #555653 0%, #91928F 50%, #CECECD 100%);
    background: -webkit-linear-gradient(top, #555653 0%, #91928F 50%, #CECECD 100%);
    background: linear-gradient(to bottom, #555653 0%, #91928F 50%, #CECECD 100%);
}
</style>