#5E3A36 - #4B1805 | 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 #5E3A36 a #4B1805

#5E3A36 #4B1805

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

#5E3A36 - #4B1805 | 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 #5E3A36 como 0% y #4B1805 como 100%.

0.0%	0.0% #5E3A36	RGB 94 58 54	#5E3A36
16.7%	16.7% #5A342D	RGB 90 52 45	#5A342D
33.3%	33.3% #572E25	RGB 87 46 37	#572E25
50.0%	50.0% #54291D	RGB 84 41 29	#54291D
66.7%	66.7% #512315	RGB 81 35 21	#512315
83.3%	83.3% #4E1D0D	RGB 78 29 13	#4E1D0D
100.0%	100.0% #4B1805	RGB 75 24 5	#4B1805

#5E3A36 #5A342D #572E25 #54291D #512315 #4E1D0D #4B1805

#5E3A36 - #4B1805

Mezcla HSV

#5E3A36 - #4B1805 | 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 #5E3A36 como 0% y #4B1805 como 100%.

0.0%	0.0% #5E3A36	RGB 94 58 54	#5E3A36
16.7%	16.7% #5A322C	RGB 90 50 44	#5A322C
33.3%	33.3% #572B23	RGB 87 43 35	#572B23
50.0%	50.0% #54251B	RGB 84 37 27	#54251B
66.7%	66.7% #512013	RGB 81 32 19	#512013
83.3%	83.3% #4E1B0B	RGB 78 27 11	#4E1B0B
100.0%	100.0% #4B1805	RGB 75 24 5	#4B1805

#5E3A36 #5A322C #572B23 #54251B #512013 #4E1B0B #4B1805

#5E3A36 - #54251B - #4B1805

Códigos CSS

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

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