#5E3E42 - #32160E | 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 #5E3E42 a #32160E

#5E3E42 #32160E

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

#5E3E42 - #32160E | 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 #5E3E42 como 0% y #32160E como 100%.

0.0%	0.0% #5E3E42	RGB 94 62 66	#5E3E42
16.7%	16.7% #563739	RGB 86 55 57	#563739
33.3%	33.3% #4F3030	RGB 79 48 48	#4F3030
50.0%	50.0% #482A28	RGB 72 42 40	#482A28
66.7%	66.7% #40231F	RGB 64 35 31	#40231F
83.3%	83.3% #391C16	RGB 57 28 22	#391C16
100.0%	100.0% #32160E	RGB 50 22 14	#32160E

#5E3E42 #563739 #4F3030 #482A28 #40231F #391C16 #32160E

#5E3E42 - #32160E

Mezcla HSV

#5E3E42 - #32160E | 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 #5E3E42 como 0% y #32160E como 100%.

0.0%	0.0% #5E3E42	RGB 94 62 66	#5E3E42
16.7%	16.7% #563336	RGB 86 51 54	#563336
33.3%	33.3% #4F2A2A	RGB 79 42 42	#4F2A2A
50.0%	50.0% #482321	RGB 72 35 33	#482321
66.7%	66.7% #401E1A	RGB 64 30 26	#401E1A
83.3%	83.3% #391913	RGB 57 25 19	#391913
100.0%	100.0% #32160E	RGB 50 22 14	#32160E

#5E3E42 #563336 #4F2A2A #482321 #401E1A #391913 #32160E

#5E3E42 - #482321 - #32160E

Códigos CSS

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

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