#5E4C36 - #462606 | 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 #5E4C36 a #462606

#5E4C36 #462606

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

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

0.0%	0.0% #5E4C36	RGB 94 76 54	#5E4C36
16.7%	16.7% #5A452E	RGB 90 69 46	#5A452E
33.3%	33.3% #563F26	RGB 86 63 38	#563F26
50.0%	50.0% #52391E	RGB 82 57 30	#52391E
66.7%	66.7% #4E3216	RGB 78 50 22	#4E3216
83.3%	83.3% #4A2C0E	RGB 74 44 14	#4A2C0E
100.0%	100.0% #462606	RGB 70 38 6	#462606

#5E4C36 #5A452E #563F26 #52391E #4E3216 #4A2C0E #462606

#5E4C36 - #462606

Mezcla HSV

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

0.0%	0.0% #5E4C36	RGB 94 76 54	#5E4C36
16.7%	16.7% #5A452C	RGB 90 69 44	#5A452C
33.3%	33.3% #563E23	RGB 86 62 35	#563E23
50.0%	50.0% #52371B	RGB 82 55 27	#52371B
66.7%	66.7% #4E3113	RGB 78 49 19	#4E3113
83.3%	83.3% #4A2B0C	RGB 74 43 12	#4A2B0C
100.0%	100.0% #462606	RGB 70 38 6	#462606

#5E4C36 #5A452C #563E23 #52371B #4E3113 #4A2B0C #462606

#5E4C36 - #52371B - #462606

Códigos CSS

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

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