#BDBEC1 - #E4DECB | 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 #BDBEC1 a #E4DECB

#BDBEC1 #E4DECB

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

#BDBEC1 - #E4DECB | 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 #BDBEC1 como 0% y #E4DECB como 100%.

0.0%	0.0% #BDBEC1	RGB 189 190 193	#BDBEC1
16.7%	16.7% #C3C3C2	RGB 195 195 194	#C3C3C2
33.3%	33.3% #CAC8C4	RGB 202 200 196	#CAC8C4
50.0%	50.0% #D0CEC6	RGB 208 206 198	#D0CEC6
66.7%	66.7% #D7D3C7	RGB 215 211 199	#D7D3C7
83.3%	83.3% #DDD8C9	RGB 221 216 201	#DDD8C9
100.0%	100.0% #E4DECB	RGB 228 222 203	#E4DECB

#BDBEC1 #C3C3C2 #CAC8C4 #D0CEC6 #D7D3C7 #DDD8C9 #E4DECB

#BDBEC1 - #E4DECB

Mezcla HSV

#BDBEC1 - #E4DECB | 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 #BDBEC1 como 0% y #E4DECB como 100%.

0.0%	0.0% #BDBEC1	RGB 189 190 193	#BDBEC1
16.7%	16.7% #BFC5C6	RGB 191 197 198	#BFC5C6
33.3%	33.3% #C2CCCA	RGB 194 204 202	#C2CCCA
50.0%	50.0% #C4D2C8	RGB 196 210 200	#C4D2C8
66.7%	66.7% #CBD8C7	RGB 203 216 199	#CBD8C7
83.3%	83.3% #D8DEC9	RGB 216 222 201	#D8DEC9
100.0%	100.0% #E4DECB	RGB 228 222 203	#E4DECB

#BDBEC1 #BFC5C6 #C2CCCA #C4D2C8 #CBD8C7 #D8DEC9 #E4DECB

#BDBEC1 - #C4D2C8 - #E4DECB

Códigos CSS

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

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