#8F8F7F - #DFDFDA | 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 #8F8F7F a #DFDFDA

#8F8F7F #DFDFDA

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

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

0.0%	0.0% #8F8F7F	RGB 143 143 127	#8F8F7F
16.7%	16.7% #9C9C8E	RGB 156 156 142	#9C9C8E
33.3%	33.3% #A9A99D	RGB 169 169 157	#A9A99D
50.0%	50.0% #B7B7AC	RGB 183 183 172	#B7B7AC
66.7%	66.7% #C4C4BB	RGB 196 196 187	#C4C4BB
83.3%	83.3% #D1D1CA	RGB 209 209 202	#D1D1CA
100.0%	100.0% #DFDFDA	RGB 223 223 218	#DFDFDA

#8F8F7F #9C9C8E #A9A99D #B7B7AC #C4C4BB #D1D1CA #DFDFDA

#8F8F7F - #DFDFDA

Mezcla HSV

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

0.0%	0.0% #8F8F7F	RGB 143 143 127	#8F8F7F
16.7%	16.7% #9C9C8D	RGB 156 156 141	#9C9C8D
33.3%	33.3% #A9A99B	RGB 169 169 155	#A9A99B
50.0%	50.0% #B7B7AA	RGB 183 183 170	#B7B7AA
66.7%	66.7% #C4C4BA	RGB 196 196 186	#C4C4BA
83.3%	83.3% #D1D1C9	RGB 209 209 201	#D1D1C9
100.0%	100.0% #DFDFDA	RGB 223 223 218	#DFDFDA

#8F8F7F #9C9C8D #A9A99B #B7B7AA #C4C4BA #D1D1C9 #DFDFDA

#8F8F7F - #B7B7AA - #DFDFDA

Códigos CSS

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

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