#5E3C31 - #C68155 | 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 #5E3C31 a #C68155

#5E3C31 #C68155

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

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

0.0%	0.0% #5E3C31	RGB 94 60 49	#5E3C31
16.7%	16.7% #6F4737	RGB 111 71 55	#6F4737
33.3%	33.3% #80533D	RGB 128 83 61	#80533D
50.0%	50.0% #925E43	RGB 146 94 67	#925E43
66.7%	66.7% #A36A49	RGB 163 106 73	#A36A49
83.3%	83.3% #B4754F	RGB 180 117 79	#B4754F
100.0%	100.0% #C68155	RGB 198 129 85	#C68155

#5E3C31 #6F4737 #80533D #925E43 #A36A49 #B4754F #C68155

#5E3C31 - #C68155

Mezcla HSV

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

0.0%	0.0% #5E3C31	RGB 94 60 49	#5E3C31
16.7%	16.7% #6F4738	RGB 111 71 56	#6F4738
33.3%	33.3% #80523F	RGB 128 82 63	#80523F
50.0%	50.0% #925D45	RGB 146 93 69	#925D45
66.7%	66.7% #A3694B	RGB 163 105 75	#A3694B
83.3%	83.3% #B47450	RGB 180 116 80	#B47450
100.0%	100.0% #C68155	RGB 198 129 85	#C68155

#5E3C31 #6F4738 #80523F #925D45 #A3694B #B47450 #C68155

#5E3C31 - #925D45 - #C68155

Códigos CSS

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

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