#8B8D7E - #DDDEDA | 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 #8B8D7E a #DDDEDA

#8B8D7E #DDDEDA

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

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

0.0%	0.0% #8B8D7E	RGB 139 141 126	#8B8D7E
16.7%	16.7% #989A8D	RGB 152 154 141	#989A8D
33.3%	33.3% #A6A89C	RGB 166 168 156	#A6A89C
50.0%	50.0% #B4B5AC	RGB 180 181 172	#B4B5AC
66.7%	66.7% #C1C3BB	RGB 193 195 187	#C1C3BB
83.3%	83.3% #CFD0CA	RGB 207 208 202	#CFD0CA
100.0%	100.0% #DDDEDA	RGB 221 222 218	#DDDEDA

#8B8D7E #989A8D #A6A89C #B4B5AC #C1C3BB #CFD0CA #DDDEDA

#8B8D7E - #DDDEDA

Mezcla HSV

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

0.0%	0.0% #8B8D7E	RGB 139 141 126	#8B8D7E
16.7%	16.7% #989A8C	RGB 152 154 140	#989A8C
33.3%	33.3% #A5A89B	RGB 165 168 155	#A5A89B
50.0%	50.0% #B3B5AA	RGB 179 181 170	#B3B5AA
66.7%	66.7% #C1C3B9	RGB 193 195 185	#C1C3B9
83.3%	83.3% #CED0C9	RGB 206 208 201	#CED0C9
100.0%	100.0% #DDDEDA	RGB 221 222 218	#DDDEDA

#8B8D7E #989A8C #A5A89B #B3B5AA #C1C3B9 #CED0C9 #DDDEDA

#8B8D7E - #B3B5AA - #DDDEDA

Códigos CSS

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

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