#BFC0C4 - #E3DECC | 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 #BFC0C4 a #E3DECC

#BFC0C4 #E3DECC

Calcule el color entre dos colores, #BFC0C4 y #E3DECC. 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)

#BFC0C4 - #E3DECC | 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 #BFC0C4 como 0% y #E3DECC como 100%.

0.0%	0.0% #BFC0C4	RGB 191 192 196	#BFC0C4
16.7%	16.7% #C5C5C5	RGB 197 197 197	#C5C5C5
33.3%	33.3% #CBCAC6	RGB 203 202 198	#CBCAC6
50.0%	50.0% #D1CFC8	RGB 209 207 200	#D1CFC8
66.7%	66.7% #D7D4C9	RGB 215 212 201	#D7D4C9
83.3%	83.3% #DDD9CA	RGB 221 217 202	#DDD9CA
100.0%	100.0% #E3DECC	RGB 227 222 204	#E3DECC

#BFC0C4 #C5C5C5 #CBCAC6 #D1CFC8 #D7D4C9 #DDD9CA #E3DECC

#BFC0C4 - #E3DECC

Mezcla HSV

#BFC0C4 - #E3DECC | 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 #BFC0C4 como 0% y #E3DECC como 100%.

0.0%	0.0% #BFC0C4	RGB 191 192 196	#BFC0C4
16.7%	16.7% #C3C1C9	RGB 195 193 201	#C3C1C9
33.3%	33.3% #CCC3CE	RGB 204 195 206	#CCC3CE
50.0%	50.0% #D3C6CF	RGB 211 198 207	#D3C6CF
66.7%	66.7% #D8C8CB	RGB 216 200 203	#D8C8CB
83.3%	83.3% #DDCFCA	RGB 221 207 202	#DDCFCA
100.0%	100.0% #E3DECC	RGB 227 222 204	#E3DECC

#BFC0C4 #C3C1C9 #CCC3CE #D3C6CF #D8C8CB #DDCFCA #E3DECC

#BFC0C4 - #D3C6CF - #E3DECC

Códigos CSS

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

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