#8C7C7A - #DED9D9 | 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 #8C7C7A a #DED9D9

#8C7C7A #DED9D9

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

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

0.0%	0.0% #8C7C7A	RGB 140 124 122	#8C7C7A
16.7%	16.7% #998B89	RGB 153 139 137	#998B89
33.3%	33.3% #A79B99	RGB 167 155 153	#A79B99
50.0%	50.0% #B5AAA9	RGB 181 170 169	#B5AAA9
66.7%	66.7% #C2BAB9	RGB 194 186 185	#C2BAB9
83.3%	83.3% #D0C9C9	RGB 208 201 201	#D0C9C9
100.0%	100.0% #DED9D9	RGB 222 217 217	#DED9D9

#8C7C7A #998B89 #A79B99 #B5AAA9 #C2BAB9 #D0C9C9 #DED9D9

#8C7C7A - #DED9D9

Mezcla HSV

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

0.0%	0.0% #8C7C7A	RGB 140 124 122	#8C7C7A
16.7%	16.7% #998A88	RGB 153 138 136	#998A88
33.3%	33.3% #A79897	RGB 167 152 151	#A79897
50.0%	50.0% #B5A8A7	RGB 181 168 167	#B5A8A7
66.7%	66.7% #C2B7B7	RGB 194 183 183	#C2B7B7
83.3%	83.3% #D0C8C7	RGB 208 200 199	#D0C8C7
100.0%	100.0% #DED9D9	RGB 222 217 217	#DED9D9

#8C7C7A #998A88 #A79897 #B5A8A7 #C2B7B7 #D0C8C7 #DED9D9

#8C7C7A - #B5A8A7 - #DED9D9

Códigos CSS

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

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