#8C8C81 - #DEDEDB | 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 #8C8C81 a #DEDEDB

#8C8C81 #DEDEDB

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

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

0.0%	0.0% #8C8C81	RGB 140 140 129	#8C8C81
16.7%	16.7% #999990	RGB 153 153 144	#999990
33.3%	33.3% #A7A79F	RGB 167 167 159	#A7A79F
50.0%	50.0% #B5B5AE	RGB 181 181 174	#B5B5AE
66.7%	66.7% #C2C2BD	RGB 194 194 189	#C2C2BD
83.3%	83.3% #D0D0CC	RGB 208 208 204	#D0D0CC
100.0%	100.0% #DEDEDB	RGB 222 222 219	#DEDEDB

#8C8C81 #999990 #A7A79F #B5B5AE #C2C2BD #D0D0CC #DEDEDB

#8C8C81 - #DEDEDB

Mezcla HSV

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

0.0%	0.0% #8C8C81	RGB 140 140 129	#8C8C81
16.7%	16.7% #99998F	RGB 153 153 143	#99998F
33.3%	33.3% #A7A79D	RGB 167 167 157	#A7A79D
50.0%	50.0% #B5B5AC	RGB 181 181 172	#B5B5AC
66.7%	66.7% #C2C2BB	RGB 194 194 187	#C2C2BB
83.3%	83.3% #D0D0CB	RGB 208 208 203	#D0D0CB
100.0%	100.0% #DEDEDB	RGB 222 222 219	#DEDEDB

#8C8C81 #99998F #A7A79D #B5B5AC #C2C2BB #D0D0CB #DEDEDB

#8C8C81 - #B5B5AC - #DEDEDB

Códigos CSS

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

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