#392810 - #C6C1BA | 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 #392810 a #C6C1BA

#392810 #C6C1BA

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

#392810 - #C6C1BA | 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 #392810 como 0% y #C6C1BA como 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #50412C	RGB 80 65 44	#50412C
33.3%	33.3% #685B48	RGB 104 91 72	#685B48
50.0%	50.0% #7F7465	RGB 127 116 101	#7F7465
66.7%	66.7% #978E81	RGB 151 142 129	#978E81
83.3%	83.3% #AEA79D	RGB 174 167 157	#AEA79D
100.0%	100.0% #C6C1BA	RGB 198 193 186	#C6C1BA

#392810 #50412C #685B48 #7F7465 #978E81 #AEA79D #C6C1BA

#392810 - #C6C1BA

Mezcla HSV

#392810 - #C6C1BA | 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 #392810 como 0% y #C6C1BA como 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #503C1F	RGB 80 60 31	#503C1F
33.3%	33.3% #685234	RGB 104 82 52	#685234
50.0%	50.0% #7F6A4D	RGB 127 106 77	#7F6A4D
66.7%	66.7% #97856C	RGB 151 133 108	#97856C
83.3%	83.3% #AEA290	RGB 174 162 144	#AEA290
100.0%	100.0% #C6C1BA	RGB 198 193 186	#C6C1BA

#392810 #503C1F #685234 #7F6A4D #97856C #AEA290 #C6C1BA

#392810 - #7F6A4D - #C6C1BA

Códigos CSS

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

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