#545646 - #CECDCA | 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 #CECDCA

#545646 #CECDCA

Calcule el color entre dos colores, #545646 y #CECDCA. 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 - #CECDCA | 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 #CECDCA como 100%.

0.0%	0.0% #545646	RGB 84 86 70	#545646
16.7%	16.7% #68695C	RGB 104 105 92	#68695C
33.3%	33.3% #7C7D72	RGB 124 125 114	#7C7D72
50.0%	50.0% #919188	RGB 145 145 136	#919188
66.7%	66.7% #A5A59E	RGB 165 165 158	#A5A59E
83.3%	83.3% #B9B9B4	RGB 185 185 180	#B9B9B4
100.0%	100.0% #CECDCA	RGB 206 205 202	#CECDCA

#545646 #68695C #7C7D72 #919188 #A5A59E #B9B9B4 #CECDCA

#545646 - #CECDCA

Mezcla HSV

#545646 - #CECDCA | 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 #CECDCA 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% #7E7E6D	RGB 126 126 109	#7E7E6D
50.0%	50.0% #929183	RGB 146 145 131	#929183
66.7%	66.7% #A6A499	RGB 166 164 153	#A6A499
83.3%	83.3% #BAB8B1	RGB 186 184 177	#BAB8B1
100.0%	100.0% #CECDCA	RGB 206 205 202	#CECDCA

#545646 #686A59 #7E7E6D #929183 #A6A499 #BAB8B1 #CECDCA

#545646 - #929183 - #CECDCA

Códigos CSS

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

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