#5E3E35 - #491B05 | 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 #5E3E35 a #491B05

#5E3E35 #491B05

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

#5E3E35 - #491B05 | 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 #5E3E35 como 0% y #491B05 como 100%.

0.0%	0.0% #5E3E35	RGB 94 62 53	#5E3E35
16.7%	16.7% #5A382D	RGB 90 56 45	#5A382D
33.3%	33.3% #573225	RGB 87 50 37	#573225
50.0%	50.0% #532C1D	RGB 83 44 29	#532C1D
66.7%	66.7% #502615	RGB 80 38 21	#502615
83.3%	83.3% #4C200D	RGB 76 32 13	#4C200D
100.0%	100.0% #491B05	RGB 73 27 5	#491B05

#5E3E35 #5A382D #573225 #532C1D #502615 #4C200D #491B05

#5E3E35 - #491B05

Mezcla HSV

#5E3E35 - #491B05 | 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 #5E3E35 como 0% y #491B05 como 100%.

0.0%	0.0% #5E3E35	RGB 94 62 53	#5E3E35
16.7%	16.7% #5A362B	RGB 90 54 43	#5A362B
33.3%	33.3% #572F22	RGB 87 47 34	#572F22
50.0%	50.0% #53291A	RGB 83 41 26	#53291A
66.7%	66.7% #502412	RGB 80 36 18	#502412
83.3%	83.3% #4C1F0B	RGB 76 31 11	#4C1F0B
100.0%	100.0% #491B05	RGB 73 27 5	#491B05

#5E3E35 #5A362B #572F22 #53291A #502412 #4C1F0B #491B05

#5E3E35 - #53291A - #491B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E35 0%, #53291A 50%, #491B05 100%);
    background: -webkit-linear-gradient(top, #5E3E35 0%, #53291A 50%, #491B05 100%);
    background: linear-gradient(to bottom, #5E3E35 0%, #53291A 50%, #491B05 100%);
}
</style>