#8F865A - #DFDCCF | 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 #8F865A a #DFDCCF

#8F865A #DFDCCF

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

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

0.0%	0.0% #8F865A	RGB 143 134 90	#8F865A
16.7%	16.7% #9C946D	RGB 156 148 109	#9C946D
33.3%	33.3% #A9A281	RGB 169 162 129	#A9A281
50.0%	50.0% #B7B194	RGB 183 177 148	#B7B194
66.7%	66.7% #C4BFA8	RGB 196 191 168	#C4BFA8
83.3%	83.3% #D1CDBB	RGB 209 205 187	#D1CDBB
100.0%	100.0% #DFDCCF	RGB 223 220 207	#DFDCCF

#8F865A #9C946D #A9A281 #B7B194 #C4BFA8 #D1CDBB #DFDCCF

#8F865A - #DFDCCF

Mezcla HSV

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

0.0%	0.0% #8F865A	RGB 143 134 90	#8F865A
16.7%	16.7% #9C936A	RGB 156 147 106	#9C936A
33.3%	33.3% #A9A17B	RGB 169 161 123	#A9A17B
50.0%	50.0% #B7AF8E	RGB 183 175 142	#B7AF8E
66.7%	66.7% #C4BEA2	RGB 196 190 162	#C4BEA2
83.3%	83.3% #D1CCB8	RGB 209 204 184	#D1CCB8
100.0%	100.0% #DFDCCF	RGB 223 220 207	#DFDCCF

#8F865A #9C936A #A9A17B #B7AF8E #C4BEA2 #D1CCB8 #DFDCCF

#8F865A - #B7AF8E - #DFDCCF

Códigos CSS

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

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