#545646 - #CECECA | 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 #545646 a #CECECA

#545646 #CECECA

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

#545646 - #CECECA | 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 #545646 como 0% y #CECECA como 100%.

0.0%	0.0% #545646	RGB 84 86 70	#545646
16.7%	16.7% #686A5C	RGB 104 106 92	#686A5C
33.3%	33.3% #7C7E72	RGB 124 126 114	#7C7E72
50.0%	50.0% #919288	RGB 145 146 136	#919288
66.7%	66.7% #A5A69E	RGB 165 166 158	#A5A69E
83.3%	83.3% #B9BAB4	RGB 185 186 180	#B9BAB4
100.0%	100.0% #CECECA	RGB 206 206 202	#CECECA

#545646 #686A5C #7C7E72 #919288 #A5A69E #B9BAB4 #CECECA

#545646 - #CECECA

Mezcla HSV

#545646 - #CECECA | 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 #545646 como 0% y #CECECA como 100%.

0.0%	0.0% #545646	RGB 84 86 70	#545646
16.7%	16.7% #686A59	RGB 104 106 89	#686A59
33.3%	33.3% #7C7E6D	RGB 124 126 109	#7C7E6D
50.0%	50.0% #919283	RGB 145 146 131	#919283
66.7%	66.7% #A5A699	RGB 165 166 153	#A5A699
83.3%	83.3% #B9BAB1	RGB 185 186 177	#B9BAB1
100.0%	100.0% #CECECA	RGB 206 206 202	#CECECA

#545646 #686A59 #7C7E6D #919283 #A5A699 #B9BAB1 #CECECA

#545646 - #919283 - #CECECA

Códigos CSS

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

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