#8F807D - #DFDAD9 | 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 #8F807D a #DFDAD9

#8F807D #DFDAD9

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

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

0.0%	0.0% #8F807D	RGB 143 128 125	#8F807D
16.7%	16.7% #9C8F8C	RGB 156 143 140	#9C8F8C
33.3%	33.3% #A99E9B	RGB 169 158 155	#A99E9B
50.0%	50.0% #B7ADAB	RGB 183 173 171	#B7ADAB
66.7%	66.7% #C4BCBA	RGB 196 188 186	#C4BCBA
83.3%	83.3% #D1CBC9	RGB 209 203 201	#D1CBC9
100.0%	100.0% #DFDAD9	RGB 223 218 217	#DFDAD9

#8F807D #9C8F8C #A99E9B #B7ADAB #C4BCBA #D1CBC9 #DFDAD9

#8F807D - #DFDAD9

Mezcla HSV

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

0.0%	0.0% #8F807D	RGB 143 128 125	#8F807D
16.7%	16.7% #9C8E8B	RGB 156 142 139	#9C8E8B
33.3%	33.3% #A99C99	RGB 169 156 153	#A99C99
50.0%	50.0% #B7ABA9	RGB 183 171 169	#B7ABA9
66.7%	66.7% #C4BAB8	RGB 196 186 184	#C4BAB8
83.3%	83.3% #D1CAC8	RGB 209 202 200	#D1CAC8
100.0%	100.0% #DFDAD9	RGB 223 218 217	#DFDAD9

#8F807D #9C8E8B #A99C99 #B7ABA9 #C4BAB8 #D1CAC8 #DFDAD9

#8F807D - #B7ABA9 - #DFDAD9

Códigos CSS

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

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