#56464B - #CECACB | 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 #56464B a #CECACB

#56464B #CECACB

Calcule el color entre dos colores, #56464B y #CECACB. 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)

#56464B - #CECACB | 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 #56464B como 0% y #CECACB como 100%.

0.0%	0.0% #56464B	RGB 86 70 75	#56464B
16.7%	16.7% #6A5C60	RGB 106 92 96	#6A5C60
33.3%	33.3% #7E7275	RGB 126 114 117	#7E7275
50.0%	50.0% #92888B	RGB 146 136 139	#92888B
66.7%	66.7% #A69EA0	RGB 166 158 160	#A69EA0
83.3%	83.3% #BAB4B5	RGB 186 180 181	#BAB4B5
100.0%	100.0% #CECACB	RGB 206 202 203	#CECACB

#56464B #6A5C60 #7E7275 #92888B #A69EA0 #BAB4B5 #CECACB

#56464B - #CECACB

Mezcla HSV

#56464B - #CECACB | 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 #56464B como 0% y #CECACB como 100%.

0.0%	0.0% #56464B	RGB 86 70 75	#56464B
16.7%	16.7% #6A595E	RGB 106 89 94	#6A595E
33.3%	33.3% #7E6D72	RGB 126 109 114	#7E6D72
50.0%	50.0% #928387	RGB 146 131 135	#928387
66.7%	66.7% #A6999C	RGB 166 153 156	#A6999C
83.3%	83.3% #BAB1B3	RGB 186 177 179	#BAB1B3
100.0%	100.0% #CECACB	RGB 206 202 203	#CECACB

#56464B #6A595E #7E6D72 #928387 #A6999C #BAB1B3 #CECACB

#56464B - #928387 - #CECACB

Códigos CSS

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

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