#C8C7BC - #393835 | 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 #C8C7BC a #393835

#C8C7BC #393835

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

#C8C7BC - #393835 | 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 #C8C7BC como 0% y #393835 como 100%.

0.0%	0.0% #C8C7BC	RGB 200 199 188	#C8C7BC
16.7%	16.7% #B0AFA5	RGB 176 175 165	#B0AFA5
33.3%	33.3% #98978F	RGB 152 151 143	#98978F
50.0%	50.0% #807F78	RGB 128 127 120	#807F78
66.7%	66.7% #686762	RGB 104 103 98	#686762
83.3%	83.3% #504F4B	RGB 80 79 75	#504F4B
100.0%	100.0% #393835	RGB 57 56 53	#393835

#C8C7BC #B0AFA5 #98978F #807F78 #686762 #504F4B #393835

#C8C7BC - #393835

Mezcla HSV

#C8C7BC - #393835 | 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 #C8C7BC como 0% y #393835 como 100%.

0.0%	0.0% #C8C7BC	RGB 200 199 188	#C8C7BC
16.7%	16.7% #B0AEA5	RGB 176 174 165	#B0AEA5
33.3%	33.3% #98968E	RGB 152 150 142	#98968E
50.0%	50.0% #807F78	RGB 128 127 120	#807F78
66.7%	66.7% #686761	RGB 104 103 97	#686761
83.3%	83.3% #504F4B	RGB 80 79 75	#504F4B
100.0%	100.0% #393835	RGB 57 56 53	#393835

#C8C7BC #B0AEA5 #98968E #807F78 #686761 #504F4B #393835

#C8C7BC - #807F78 - #393835

Códigos CSS

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

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