#8D897E - #DEDDDA | 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 #8D897E a #DEDDDA

#8D897E #DEDDDA

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

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

0.0%	0.0% #8D897E	RGB 141 137 126	#8D897E
16.7%	16.7% #9A978D	RGB 154 151 141	#9A978D
33.3%	33.3% #A8A59C	RGB 168 165 156	#A8A59C
50.0%	50.0% #B5B3AC	RGB 181 179 172	#B5B3AC
66.7%	66.7% #C3C1BB	RGB 195 193 187	#C3C1BB
83.3%	83.3% #D0CFCA	RGB 208 207 202	#D0CFCA
100.0%	100.0% #DEDDDA	RGB 222 221 218	#DEDDDA

#8D897E #9A978D #A8A59C #B5B3AC #C3C1BB #D0CFCA #DEDDDA

#8D897E - #DEDDDA

Mezcla HSV

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

0.0%	0.0% #8D897E	RGB 141 137 126	#8D897E
16.7%	16.7% #9A968C	RGB 154 150 140	#9A968C
33.3%	33.3% #A8A49B	RGB 168 164 155	#A8A49B
50.0%	50.0% #B5B2AA	RGB 181 178 170	#B5B2AA
66.7%	66.7% #C3C0B9	RGB 195 192 185	#C3C0B9
83.3%	83.3% #D0CEC9	RGB 208 206 201	#D0CEC9
100.0%	100.0% #DEDDDA	RGB 222 221 218	#DEDDDA

#8D897E #9A968C #A8A49B #B5B2AA #C3C0B9 #D0CEC9 #DEDDDA

#8D897E - #B5B2AA - #DEDDDA

Códigos CSS

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

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