#5E5746 - #D2B86C | 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 #5E5746 a #D2B86C

#5E5746 #D2B86C

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

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

0.0%	0.0% #5E5746	RGB 94 87 70	#5E5746
16.7%	16.7% #71674C	RGB 113 103 76	#71674C
33.3%	33.3% #847752	RGB 132 119 82	#847752
50.0%	50.0% #988759	RGB 152 135 89	#988759
66.7%	66.7% #AB975F	RGB 171 151 95	#AB975F
83.3%	83.3% #BEA765	RGB 190 167 101	#BEA765
100.0%	100.0% #D2B86C	RGB 210 184 108	#D2B86C

#5E5746 #71674C #847752 #988759 #AB975F #BEA765 #D2B86C

#5E5746 - #D2B86C

Mezcla HSV

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

0.0%	0.0% #5E5746	RGB 94 87 70	#5E5746
16.7%	16.7% #716750	RGB 113 103 80	#716750
33.3%	33.3% #847858	RGB 132 120 88	#847858
50.0%	50.0% #98885F	RGB 152 136 95	#98885F
66.7%	66.7% #AB9865	RGB 171 152 101	#AB9865
83.3%	83.3% #BEA869	RGB 190 168 105	#BEA869
100.0%	100.0% #D2B86C	RGB 210 184 108	#D2B86C

#5E5746 #716750 #847858 #98885F #AB9865 #BEA869 #D2B86C

#5E5746 - #98885F - #D2B86C

Códigos CSS

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

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