#8D5E5E - #DED1D1 | 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 #8D5E5E a #DED1D1

#8D5E5E #DED1D1

Calcule el color entre dos colores, #8D5E5E y #DED1D1. 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)

#8D5E5E - #DED1D1 | 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 #8D5E5E como 0% y #DED1D1 como 100%.

0.0%	0.0% #8D5E5E	RGB 141 94 94	#8D5E5E
16.7%	16.7% #9A7171	RGB 154 113 113	#9A7171
33.3%	33.3% #A88484	RGB 168 132 132	#A88484
50.0%	50.0% #B59797	RGB 181 151 151	#B59797
66.7%	66.7% #C3AAAA	RGB 195 170 170	#C3AAAA
83.3%	83.3% #D0BDBD	RGB 208 189 189	#D0BDBD
100.0%	100.0% #DED1D1	RGB 222 209 209	#DED1D1

#8D5E5E #9A7171 #A88484 #B59797 #C3AAAA #D0BDBD #DED1D1

#8D5E5E - #DED1D1

Mezcla HSV

#8D5E5E - #DED1D1 | 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 #8D5E5E como 0% y #DED1D1 como 100%.

0.0%	0.0% #8D5E5E	RGB 141 94 94	#8D5E5E
16.7%	16.7% #9A6E6E	RGB 154 110 110	#9A6E6E
33.3%	33.3% #A87F7F	RGB 168 127 127	#A87F7F
50.0%	50.0% #B59191	RGB 181 145 145	#B59191
66.7%	66.7% #C3A5A5	RGB 195 165 165	#C3A5A5
83.3%	83.3% #D0BABA	RGB 208 186 186	#D0BABA
100.0%	100.0% #DED1D1	RGB 222 209 209	#DED1D1

#8D5E5E #9A6E6E #A87F7F #B59191 #C3A5A5 #D0BABA #DED1D1

#8D5E5E - #B59191 - #DED1D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E5E 0%, #B59191 50%, #DED1D1 100%);
    background: -webkit-linear-gradient(top, #8D5E5E 0%, #B59191 50%, #DED1D1 100%);
    background: linear-gradient(to bottom, #8D5E5E 0%, #B59191 50%, #DED1D1 100%);
}
</style>