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

#5D5E3E #D0D1C7

Calcule el color entre dos colores, #5D5E3E 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)

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

0.0%	0.0% #5D5E3E	RGB 93 94 62	#5D5E3E
16.7%	16.7% #707154	RGB 112 113 84	#707154
33.3%	33.3% #83846B	RGB 131 132 107	#83846B
50.0%	50.0% #969782	RGB 150 151 130	#969782
66.7%	66.7% #A9AA99	RGB 169 170 153	#A9AA99
83.3%	83.3% #BCBDB0	RGB 188 189 176	#BCBDB0
100.0%	100.0% #D0D1C7	RGB 208 209 199	#D0D1C7

#5D5E3E #707154 #83846B #969782 #A9AA99 #BCBDB0 #D0D1C7

#5D5E3E - #D0D1C7

Mezcla HSV

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

0.0%	0.0% #5D5E3E	RGB 93 94 62	#5D5E3E
16.7%	16.7% #6F7150	RGB 111 113 80	#6F7150
33.3%	33.3% #828464	RGB 130 132 100	#828464
50.0%	50.0% #95977A	RGB 149 151 122	#95977A
66.7%	66.7% #A8AA91	RGB 168 170 145	#A8AA91
83.3%	83.3% #BCBDAB	RGB 188 189 171	#BCBDAB
100.0%	100.0% #D0D1C7	RGB 208 209 199	#D0D1C7

#5D5E3E #6F7150 #828464 #95977A #A8AA91 #BCBDAB #D0D1C7

#5D5E3E - #95977A - #D0D1C7

Códigos CSS

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

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