#C5C7BD - #383835 | 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 #C5C7BD a #383835

#C5C7BD #383835

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

#C5C7BD - #383835 | 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 #C5C7BD como 0% y #383835 como 100%.

0.0%	0.0% #C5C7BD	RGB 197 199 189	#C5C7BD
16.7%	16.7% #ADAFA6	RGB 173 175 166	#ADAFA6
33.3%	33.3% #96978F	RGB 150 151 143	#96978F
50.0%	50.0% #7E7F79	RGB 126 127 121	#7E7F79
66.7%	66.7% #676762	RGB 103 103 98	#676762
83.3%	83.3% #4F4F4B	RGB 79 79 75	#4F4F4B
100.0%	100.0% #383835	RGB 56 56 53	#383835

#C5C7BD #ADAFA6 #96978F #7E7F79 #676762 #4F4F4B #383835

#C5C7BD - #383835

Mezcla HSV

#C5C7BD - #383835 | 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 #C5C7BD como 0% y #383835 como 100%.

0.0%	0.0% #C5C7BD	RGB 197 199 189	#C5C7BD
16.7%	16.7% #ADAFA6	RGB 173 175 166	#ADAFA6
33.3%	33.3% #96978F	RGB 150 151 143	#96978F
50.0%	50.0% #7E7F78	RGB 126 127 120	#7E7F78
66.7%	66.7% #676762	RGB 103 103 98	#676762
83.3%	83.3% #4F4F4B	RGB 79 79 75	#4F4F4B
100.0%	100.0% #383835	RGB 56 56 53	#383835

#C5C7BD #ADAFA6 #96978F #7E7F78 #676762 #4F4F4B #383835

#C5C7BD - #7E7F78 - #383835

Códigos CSS

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

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