#5E4B46 - #CF956E | 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 #5E4B46 a #CF956E

#5E4B46 #CF956E

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

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

0.0%	0.0% #5E4B46	RGB 94 75 70	#5E4B46
16.7%	16.7% #70574C	RGB 112 87 76	#70574C
33.3%	33.3% #836353	RGB 131 99 83	#836353
50.0%	50.0% #96705A	RGB 150 112 90	#96705A
66.7%	66.7% #A97C60	RGB 169 124 96	#A97C60
83.3%	83.3% #BC8867	RGB 188 136 103	#BC8867
100.0%	100.0% #CF956E	RGB 207 149 110	#CF956E

#5E4B46 #70574C #836353 #96705A #A97C60 #BC8867 #CF956E

#5E4B46 - #CF956E

Mezcla HSV

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

0.0%	0.0% #5E4B46	RGB 94 75 70	#5E4B46
16.7%	16.7% #705750	RGB 112 87 80	#705750
33.3%	33.3% #836458	RGB 131 100 88	#836458
50.0%	50.0% #967060	RGB 150 112 96	#967060
66.7%	66.7% #A97C66	RGB 169 124 102	#A97C66
83.3%	83.3% #BC886A	RGB 188 136 106	#BC886A
100.0%	100.0% #CF956E	RGB 207 149 110	#CF956E

#5E4B46 #705750 #836458 #967060 #A97C66 #BC886A #CF956E

#5E4B46 - #967060 - #CF956E

Códigos CSS

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

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