#5E4A46 - #CF956F | 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 #5E4A46 a #CF956F

#5E4A46 #CF956F

Calcule el color entre dos colores, #5E4A46 y #CF956F. 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)

#5E4A46 - #CF956F | 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 #5E4A46 como 0% y #CF956F como 100%.

0.0%	0.0% #5E4A46	RGB 94 74 70	#5E4A46
16.7%	16.7% #70564C	RGB 112 86 76	#70564C
33.3%	33.3% #836353	RGB 131 99 83	#836353
50.0%	50.0% #966F5A	RGB 150 111 90	#966F5A
66.7%	66.7% #A97C61	RGB 169 124 97	#A97C61
83.3%	83.3% #BC8868	RGB 188 136 104	#BC8868
100.0%	100.0% #CF956F	RGB 207 149 111	#CF956F

#5E4A46 #70564C #836353 #966F5A #A97C61 #BC8868 #CF956F

#5E4A46 - #CF956F

Mezcla HSV

#5E4A46 - #CF956F | 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 #5E4A46 como 0% y #CF956F como 100%.

0.0%	0.0% #5E4A46	RGB 94 74 70	#5E4A46
16.7%	16.7% #705650	RGB 112 86 80	#705650
33.3%	33.3% #836358	RGB 131 99 88	#836358
50.0%	50.0% #966F60	RGB 150 111 96	#966F60
66.7%	66.7% #A97B66	RGB 169 123 102	#A97B66
83.3%	83.3% #BC886B	RGB 188 136 107	#BC886B
100.0%	100.0% #CF956F	RGB 207 149 111	#CF956F

#5E4A46 #705650 #836358 #966F60 #A97B66 #BC886B #CF956F

#5E4A46 - #966F60 - #CF956F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A46 0%, #966F60 50%, #CF956F 100%);
    background: -webkit-linear-gradient(top, #5E4A46 0%, #966F60 50%, #CF956F 100%);
    background: linear-gradient(to bottom, #5E4A46 0%, #966F60 50%, #CF956F 100%);
}
</style>