#8C8D7E - #DEDEDA | 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 #8C8D7E a #DEDEDA

#8C8D7E #DEDEDA

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

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

0.0%	0.0% #8C8D7E	RGB 140 141 126	#8C8D7E
16.7%	16.7% #999A8D	RGB 153 154 141	#999A8D
33.3%	33.3% #A7A89C	RGB 167 168 156	#A7A89C
50.0%	50.0% #B5B5AC	RGB 181 181 172	#B5B5AC
66.7%	66.7% #C2C3BB	RGB 194 195 187	#C2C3BB
83.3%	83.3% #D0D0CA	RGB 208 208 202	#D0D0CA
100.0%	100.0% #DEDEDA	RGB 222 222 218	#DEDEDA

#8C8D7E #999A8D #A7A89C #B5B5AC #C2C3BB #D0D0CA #DEDEDA

#8C8D7E - #DEDEDA

Mezcla HSV

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

0.0%	0.0% #8C8D7E	RGB 140 141 126	#8C8D7E
16.7%	16.7% #999A8C	RGB 153 154 140	#999A8C
33.3%	33.3% #A7A89B	RGB 167 168 155	#A7A89B
50.0%	50.0% #B5B5AA	RGB 181 181 170	#B5B5AA
66.7%	66.7% #C2C3B9	RGB 194 195 185	#C2C3B9
83.3%	83.3% #D0D0C9	RGB 208 208 201	#D0D0C9
100.0%	100.0% #DEDEDA	RGB 222 222 218	#DEDEDA

#8C8D7E #999A8C #A7A89B #B5B5AA #C2C3B9 #D0D0C9 #DEDEDA

#8C8D7E - #B5B5AA - #DEDEDA

Códigos CSS

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

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