#5E5C46 - #D1D0CA | 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 #5E5C46 a #D1D0CA

#5E5C46 #D1D0CA

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

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

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #716F5C	RGB 113 111 92	#716F5C
33.3%	33.3% #848272	RGB 132 130 114	#848272
50.0%	50.0% #979688	RGB 151 150 136	#979688
66.7%	66.7% #AAA99E	RGB 170 169 158	#AAA99E
83.3%	83.3% #BDBCB4	RGB 189 188 180	#BDBCB4
100.0%	100.0% #D1D0CA	RGB 209 208 202	#D1D0CA

#5E5C46 #716F5C #848272 #979688 #AAA99E #BDBCB4 #D1D0CA

#5E5C46 - #D1D0CA

Mezcla HSV

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

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #716E58	RGB 113 110 88	#716E58
33.3%	33.3% #84816C	RGB 132 129 108	#84816C
50.0%	50.0% #979581	RGB 151 149 129	#979581
66.7%	66.7% #AAA898	RGB 170 168 152	#AAA898
83.3%	83.3% #BDBCB0	RGB 189 188 176	#BDBCB0
100.0%	100.0% #D1D0CA	RGB 209 208 202	#D1D0CA

#5E5C46 #716E58 #84816C #979581 #AAA898 #BDBCB0 #D1D0CA

#5E5C46 - #979581 - #D1D0CA

Códigos CSS

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

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