#8F8866 - #DFDDD3 | 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 #8F8866 a #DFDDD3

#8F8866 #DFDDD3

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

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

0.0%	0.0% #8F8866	RGB 143 136 102	#8F8866
16.7%	16.7% #9C9678	RGB 156 150 120	#9C9678
33.3%	33.3% #A9A48A	RGB 169 164 138	#A9A48A
50.0%	50.0% #B7B29C	RGB 183 178 156	#B7B29C
66.7%	66.7% #C4C0AE	RGB 196 192 174	#C4C0AE
83.3%	83.3% #D1CEC0	RGB 209 206 192	#D1CEC0
100.0%	100.0% #DFDDD3	RGB 223 221 211	#DFDDD3

#8F8866 #9C9678 #A9A48A #B7B29C #C4C0AE #D1CEC0 #DFDDD3

#8F8866 - #DFDDD3

Mezcla HSV

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

0.0%	0.0% #8F8866	RGB 143 136 102	#8F8866
16.7%	16.7% #9C9575	RGB 156 149 117	#9C9575
33.3%	33.3% #A9A386	RGB 169 163 134	#A9A386
50.0%	50.0% #B7B197	RGB 183 177 151	#B7B197
66.7%	66.7% #C4BFAA	RGB 196 191 170	#C4BFAA
83.3%	83.3% #D1CEBE	RGB 209 206 190	#D1CEBE
100.0%	100.0% #DFDDD3	RGB 223 221 211	#DFDDD3

#8F8866 #9C9575 #A9A386 #B7B197 #C4BFAA #D1CEBE #DFDDD3

#8F8866 - #B7B197 - #DFDDD3

Códigos CSS

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

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