#8F8D8C - #DFDEDE | 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 #8F8D8C a #DFDEDE

#8F8D8C #DFDEDE

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

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

0.0%	0.0% #8F8D8C	RGB 143 141 140	#8F8D8C
16.7%	16.7% #9C9A99	RGB 156 154 153	#9C9A99
33.3%	33.3% #A9A8A7	RGB 169 168 167	#A9A8A7
50.0%	50.0% #B7B5B5	RGB 183 181 181	#B7B5B5
66.7%	66.7% #C4C3C2	RGB 196 195 194	#C4C3C2
83.3%	83.3% #D1D0D0	RGB 209 208 208	#D1D0D0
100.0%	100.0% #DFDEDE	RGB 223 222 222	#DFDEDE

#8F8D8C #9C9A99 #A9A8A7 #B7B5B5 #C4C3C2 #D1D0D0 #DFDEDE

#8F8D8C - #DFDEDE

Mezcla HSV

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

0.0%	0.0% #8F8D8C	RGB 143 141 140	#8F8D8C
16.7%	16.7% #9C9A99	RGB 156 154 153	#9C9A99
33.3%	33.3% #A9A7A7	RGB 169 167 167	#A9A7A7
50.0%	50.0% #B7B5B4	RGB 183 181 180	#B7B5B4
66.7%	66.7% #C4C2C2	RGB 196 194 194	#C4C2C2
83.3%	83.3% #D1D0D0	RGB 209 208 208	#D1D0D0
100.0%	100.0% #DFDEDE	RGB 223 222 222	#DFDEDE

#8F8D8C #9C9A99 #A9A7A7 #B7B5B4 #C4C2C2 #D1D0D0 #DFDEDE

#8F8D8C - #B7B5B4 - #DFDEDE

Códigos CSS

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

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