#5E544D - #390B05 | 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 #5E544D a #390B05

#5E544D #390B05

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

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

0.0%	0.0% #5E544D	RGB 94 84 77	#5E544D
16.7%	16.7% #574741	RGB 87 71 65	#574741
33.3%	33.3% #513B35	RGB 81 59 53	#513B35
50.0%	50.0% #4B2F29	RGB 75 47 41	#4B2F29
66.7%	66.7% #45231D	RGB 69 35 29	#45231D
83.3%	83.3% #3F1711	RGB 63 23 17	#3F1711
100.0%	100.0% #390B05	RGB 57 11 5	#390B05

#5E544D #574741 #513B35 #4B2F29 #45231D #3F1711 #390B05

#5E544D - #390B05

Mezcla HSV

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

0.0%	0.0% #5E544D	RGB 94 84 77	#5E544D
16.7%	16.7% #57463D	RGB 87 70 61	#57463D
33.3%	33.3% #51392E	RGB 81 57 46	#51392E
50.0%	50.0% #4B2D22	RGB 75 45 34	#4B2D22
66.7%	66.7% #452016	RGB 69 32 22	#452016
83.3%	83.3% #3F150D	RGB 63 21 13	#3F150D
100.0%	100.0% #390B05	RGB 57 11 5	#390B05

#5E544D #57463D #51392E #4B2D22 #452016 #3F150D #390B05

#5E544D - #4B2D22 - #390B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E544D 0%, #4B2D22 50%, #390B05 100%);
    background: -webkit-linear-gradient(top, #5E544D 0%, #4B2D22 50%, #390B05 100%);
    background: linear-gradient(to bottom, #5E544D 0%, #4B2D22 50%, #390B05 100%);
}
</style>