#5E4336 - #CA895A | 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 #5E4336 a #CA895A

#5E4336 #CA895A

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

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

0.0%	0.0% #5E4336	RGB 94 67 54	#5E4336
16.7%	16.7% #704E3C	RGB 112 78 60	#704E3C
33.3%	33.3% #825A42	RGB 130 90 66	#825A42
50.0%	50.0% #946648	RGB 148 102 72	#946648
66.7%	66.7% #A6714E	RGB 166 113 78	#A6714E
83.3%	83.3% #B87D54	RGB 184 125 84	#B87D54
100.0%	100.0% #CA895A	RGB 202 137 90	#CA895A

#5E4336 #704E3C #825A42 #946648 #A6714E #B87D54 #CA895A

#5E4336 - #CA895A

Mezcla HSV

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

0.0%	0.0% #5E4336	RGB 94 67 54	#5E4336
16.7%	16.7% #704E3D	RGB 112 78 61	#704E3D
33.3%	33.3% #825A45	RGB 130 90 69	#825A45
50.0%	50.0% #94664B	RGB 148 102 75	#94664B
66.7%	66.7% #A67251	RGB 166 114 81	#A67251
83.3%	83.3% #B87D55	RGB 184 125 85	#B87D55
100.0%	100.0% #CA895A	RGB 202 137 90	#CA895A

#5E4336 #704E3D #825A45 #94664B #A67251 #B87D55 #CA895A

#5E4336 - #94664B - #CA895A

Códigos CSS

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

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