#55323C - #CEC4C7 | 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 #55323C a #CEC4C7

#55323C #CEC4C7

Calcule el color entre dos colores, #55323C y #CEC4C7. 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)

#55323C - #CEC4C7 | 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 #55323C como 0% y #CEC4C7 como 100%.

0.0%	0.0% #55323C	RGB 85 50 60	#55323C
16.7%	16.7% #694A53	RGB 105 74 83	#694A53
33.3%	33.3% #7D626A	RGB 125 98 106	#7D626A
50.0%	50.0% #917B81	RGB 145 123 129	#917B81
66.7%	66.7% #A59398	RGB 165 147 152	#A59398
83.3%	83.3% #B9ABAF	RGB 185 171 175	#B9ABAF
100.0%	100.0% #CEC4C7	RGB 206 196 199	#CEC4C7

#55323C #694A53 #7D626A #917B81 #A59398 #B9ABAF #CEC4C7

#55323C - #CEC4C7

Mezcla HSV

#55323C - #CEC4C7 | 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 #55323C como 0% y #CEC4C7 como 100%.

0.0%	0.0% #55323C	RGB 85 50 60	#55323C
16.7%	16.7% #69444E	RGB 105 68 78	#69444E
33.3%	33.3% #7D5863	RGB 125 88 99	#7D5863
50.0%	50.0% #917079	RGB 145 112 121	#917079
66.7%	66.7% #A58991	RGB 165 137 145	#A58991
83.3%	83.3% #B9A5AB	RGB 185 165 171	#B9A5AB
100.0%	100.0% #CEC4C7	RGB 206 196 199	#CEC4C7

#55323C #69444E #7D5863 #917079 #A58991 #B9A5AB #CEC4C7

#55323C - #917079 - #CEC4C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55323C 0%, #917079 50%, #CEC4C7 100%);
    background: -webkit-linear-gradient(top, #55323C 0%, #917079 50%, #CEC4C7 100%);
    background: linear-gradient(to bottom, #55323C 0%, #917079 50%, #CEC4C7 100%);
}
</style>