#5D5E3C - #D0D1C7 | 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 #5D5E3C a #D0D1C7

#5D5E3C #D0D1C7

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

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

0.0%	0.0% #5D5E3C	RGB 93 94 60	#5D5E3C
16.7%	16.7% #707153	RGB 112 113 83	#707153
33.3%	33.3% #83846A	RGB 131 132 106	#83846A
50.0%	50.0% #969781	RGB 150 151 129	#969781
66.7%	66.7% #A9AA98	RGB 169 170 152	#A9AA98
83.3%	83.3% #BCBDAF	RGB 188 189 175	#BCBDAF
100.0%	100.0% #D0D1C7	RGB 208 209 199	#D0D1C7

#5D5E3C #707153 #83846A #969781 #A9AA98 #BCBDAF #D0D1C7

#5D5E3C - #D0D1C7

Mezcla HSV

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

0.0%	0.0% #5D5E3C	RGB 93 94 60	#5D5E3C
16.7%	16.7% #6F714E	RGB 111 113 78	#6F714E
33.3%	33.3% #828462	RGB 130 132 98	#828462
50.0%	50.0% #959778	RGB 149 151 120	#959778
66.7%	66.7% #A8AA90	RGB 168 170 144	#A8AA90
83.3%	83.3% #BCBDAA	RGB 188 189 170	#BCBDAA
100.0%	100.0% #D0D1C7	RGB 208 209 199	#D0D1C7

#5D5E3C #6F714E #828462 #959778 #A8AA90 #BCBDAA #D0D1C7

#5D5E3C - #959778 - #D0D1C7

Códigos CSS

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

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