#5E4646 - #D17A6D | 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 #5E4646 a #D17A6D

#5E4646 #D17A6D

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

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

0.0%	0.0% #5E4646	RGB 94 70 70	#5E4646
16.7%	16.7% #714E4C	RGB 113 78 76	#714E4C
33.3%	33.3% #845753	RGB 132 87 83	#845753
50.0%	50.0% #976059	RGB 151 96 89	#976059
66.7%	66.7% #AA6860	RGB 170 104 96	#AA6860
83.3%	83.3% #BD7166	RGB 189 113 102	#BD7166
100.0%	100.0% #D17A6D	RGB 209 122 109	#D17A6D

#5E4646 #714E4C #845753 #976059 #AA6860 #BD7166 #D17A6D

#5E4646 - #D17A6D

Mezcla HSV

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

0.0%	0.0% #5E4646	RGB 94 70 70	#5E4646
16.7%	16.7% #715050	RGB 113 80 80	#715050
33.3%	33.3% #845A58	RGB 132 90 88	#845A58
50.0%	50.0% #97635F	RGB 151 99 95	#97635F
66.7%	66.7% #AA6B65	RGB 170 107 101	#AA6B65
83.3%	83.3% #BD736A	RGB 189 115 106	#BD736A
100.0%	100.0% #D17A6D	RGB 209 122 109	#D17A6D

#5E4646 #715050 #845A58 #97635F #AA6B65 #BD736A #D17A6D

#5E4646 - #97635F - #D17A6D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4646 0%, #97635F 50%, #D17A6D 100%);
    background: -webkit-linear-gradient(top, #5E4646 0%, #97635F 50%, #D17A6D 100%);
    background: linear-gradient(to bottom, #5E4646 0%, #97635F 50%, #D17A6D 100%);
}
</style>