#5E3E36 - #471006 | 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 #5E3E36 a #471006

#5E3E36 #471006

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

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

0.0%	0.0% #5E3E36	RGB 94 62 54	#5E3E36
16.7%	16.7% #5A362E	RGB 90 54 46	#5A362E
33.3%	33.3% #562E26	RGB 86 46 38	#562E26
50.0%	50.0% #52271E	RGB 82 39 30	#52271E
66.7%	66.7% #4E1F16	RGB 78 31 22	#4E1F16
83.3%	83.3% #4A170E	RGB 74 23 14	#4A170E
100.0%	100.0% #471006	RGB 71 16 6	#471006

#5E3E36 #5A362E #562E26 #52271E #4E1F16 #4A170E #471006

#5E3E36 - #471006

Mezcla HSV

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

0.0%	0.0% #5E3E36	RGB 94 62 54	#5E3E36
16.7%	16.7% #5A352C	RGB 90 53 44	#5A352C
33.3%	33.3% #562C23	RGB 86 44 35	#562C23
50.0%	50.0% #52241B	RGB 82 36 27	#52241B
66.7%	66.7% #4E1D13	RGB 78 29 19	#4E1D13
83.3%	83.3% #4A160C	RGB 74 22 12	#4A160C
100.0%	100.0% #471006	RGB 71 16 6	#471006

#5E3E36 #5A352C #562C23 #52241B #4E1D13 #4A160C #471006

#5E3E36 - #52241B - #471006

Códigos CSS

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

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