#8C8D89 - #DFD0A6 | 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 #8C8D89 a #DFD0A6

#8C8D89 #DFD0A6

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

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

0.0%	0.0% #8C8D89	RGB 140 141 137	#8C8D89
16.7%	16.7% #99988D	RGB 153 152 141	#99988D
33.3%	33.3% #A7A392	RGB 167 163 146	#A7A392
50.0%	50.0% #B5AE97	RGB 181 174 151	#B5AE97
66.7%	66.7% #C3B99C	RGB 195 185 156	#C3B99C
83.3%	83.3% #D1C4A1	RGB 209 196 161	#D1C4A1
100.0%	100.0% #DFD0A6	RGB 223 208 166	#DFD0A6

#8C8D89 #99988D #A7A392 #B5AE97 #C3B99C #D1C4A1 #DFD0A6

#8C8D89 - #DFD0A6

Mezcla HSV

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

0.0%	0.0% #8C8D89	RGB 140 141 137	#8C8D89
16.7%	16.7% #989A90	RGB 152 154 144	#989A90
33.3%	33.3% #A6A896	RGB 166 168 150	#A6A896
50.0%	50.0% #B6B59C	RGB 182 181 156	#B6B59C
66.7%	66.7% #C3C0A0	RGB 195 192 160	#C3C0A0
83.3%	83.3% #D1C9A3	RGB 209 201 163	#D1C9A3
100.0%	100.0% #DFD0A6	RGB 223 208 166	#DFD0A6

#8C8D89 #989A90 #A6A896 #B6B59C #C3C0A0 #D1C9A3 #DFD0A6

#8C8D89 - #B6B59C - #DFD0A6

Códigos CSS

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

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