#BFC1B1 - #ECEDE8 | 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 #BFC1B1 a #ECEDE8

#BFC1B1 #ECEDE8

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

#BFC1B1 - #ECEDE8 | 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 #BFC1B1 como 0% y #ECEDE8 como 100%.

0.0%	0.0% #BFC1B1	RGB 191 193 177	#BFC1B1
16.7%	16.7% #C6C8BA	RGB 198 200 186	#C6C8BA
33.3%	33.3% #CECFC3	RGB 206 207 195	#CECFC3
50.0%	50.0% #D5D7CC	RGB 213 215 204	#D5D7CC
66.7%	66.7% #DDDED5	RGB 221 222 213	#DDDED5
83.3%	83.3% #E4E5DE	RGB 228 229 222	#E4E5DE
100.0%	100.0% #ECEDE8	RGB 236 237 232	#ECEDE8

#BFC1B1 #C6C8BA #CECFC3 #D5D7CC #DDDED5 #E4E5DE #ECEDE8

#BFC1B1 - #ECEDE8

Mezcla HSV

#BFC1B1 - #ECEDE8 | 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 #BFC1B1 como 0% y #ECEDE8 como 100%.

0.0%	0.0% #BFC1B1	RGB 191 193 177	#BFC1B1
16.7%	16.7% #C6C8B9	RGB 198 200 185	#C6C8B9
33.3%	33.3% #CDCFC2	RGB 205 207 194	#CDCFC2
50.0%	50.0% #D5D7CB	RGB 213 215 203	#D5D7CB
66.7%	66.7% #DCDED5	RGB 220 222 213	#DCDED5
83.3%	83.3% #E4E5DE	RGB 228 229 222	#E4E5DE
100.0%	100.0% #ECEDE8	RGB 236 237 232	#ECEDE8

#BFC1B1 #C6C8B9 #CDCFC2 #D5D7CB #DCDED5 #E4E5DE #ECEDE8

#BFC1B1 - #D5D7CB - #ECEDE8

Códigos CSS

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

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