#5E543D - #462C07 | 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 #5E543D a #462C07

#5E543D #462C07

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

#5E543D - #462C07 | 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 #5E543D como 0% y #462C07 como 100%.

0.0%	0.0% #5E543D	RGB 94 84 61	#5E543D
16.7%	16.7% #5A4D34	RGB 90 77 52	#5A4D34
33.3%	33.3% #56462B	RGB 86 70 43	#56462B
50.0%	50.0% #524022	RGB 82 64 34	#524022
66.7%	66.7% #4E3919	RGB 78 57 25	#4E3919
83.3%	83.3% #4A3210	RGB 74 50 16	#4A3210
100.0%	100.0% #462C07	RGB 70 44 7	#462C07

#5E543D #5A4D34 #56462B #524022 #4E3919 #4A3210 #462C07

#5E543D - #462C07

Mezcla HSV

#5E543D - #462C07 | 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 #5E543D como 0% y #462C07 como 100%.

0.0%	0.0% #5E543D	RGB 94 84 61	#5E543D
16.7%	16.7% #5A4D32	RGB 90 77 50	#5A4D32
33.3%	33.3% #564628	RGB 86 70 40	#564628
50.0%	50.0% #523F1E	RGB 82 63 30	#523F1E
66.7%	66.7% #4E3816	RGB 78 56 22	#4E3816
83.3%	83.3% #4A320E	RGB 74 50 14	#4A320E
100.0%	100.0% #462C07	RGB 70 44 7	#462C07

#5E543D #5A4D32 #564628 #523F1E #4E3816 #4A320E #462C07

#5E543D - #523F1E - #462C07

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E543D 0%, #523F1E 50%, #462C07 100%);
    background: -webkit-linear-gradient(top, #5E543D 0%, #523F1E 50%, #462C07 100%);
    background: linear-gradient(to bottom, #5E543D 0%, #523F1E 50%, #462C07 100%);
}
</style>