#8F827C - #DFDBD9 | 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 #8F827C a #DFDBD9

#8F827C #DFDBD9

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

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

0.0%	0.0% #8F827C	RGB 143 130 124	#8F827C
16.7%	16.7% #9C908B	RGB 156 144 139	#9C908B
33.3%	33.3% #A99F9B	RGB 169 159 155	#A99F9B
50.0%	50.0% #B7AEAA	RGB 183 174 170	#B7AEAA
66.7%	66.7% #C4BDBA	RGB 196 189 186	#C4BDBA
83.3%	83.3% #D1CCC9	RGB 209 204 201	#D1CCC9
100.0%	100.0% #DFDBD9	RGB 223 219 217	#DFDBD9

#8F827C #9C908B #A99F9B #B7AEAA #C4BDBA #D1CCC9 #DFDBD9

#8F827C - #DFDBD9

Mezcla HSV

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

0.0%	0.0% #8F827C	RGB 143 130 124	#8F827C
16.7%	16.7% #9C908A	RGB 156 144 138	#9C908A
33.3%	33.3% #A99E99	RGB 169 158 153	#A99E99
50.0%	50.0% #B7ADA8	RGB 183 173 168	#B7ADA8
66.7%	66.7% #C4BCB8	RGB 196 188 184	#C4BCB8
83.3%	83.3% #D1CBC8	RGB 209 203 200	#D1CBC8
100.0%	100.0% #DFDBD9	RGB 223 219 217	#DFDBD9

#8F827C #9C908A #A99E99 #B7ADA8 #C4BCB8 #D1CBC8 #DFDBD9

#8F827C - #B7ADA8 - #DFDBD9

Códigos CSS

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

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