#BDA7B5 - #ECE5E9 | 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 #BDA7B5 a #ECE5E9

#BDA7B5 #ECE5E9

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

#BDA7B5 - #ECE5E9 | 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 #BDA7B5 como 0% y #ECE5E9 como 100%.

0.0%	0.0% #BDA7B5	RGB 189 167 181	#BDA7B5
16.7%	16.7% #C4B1BD	RGB 196 177 189	#C4B1BD
33.3%	33.3% #CCBBC6	RGB 204 187 198	#CCBBC6
50.0%	50.0% #D4C6CF	RGB 212 198 207	#D4C6CF
66.7%	66.7% #DCD0D7	RGB 220 208 215	#DCD0D7
83.3%	83.3% #E4DAE0	RGB 228 218 224	#E4DAE0
100.0%	100.0% #ECE5E9	RGB 236 229 233	#ECE5E9

#BDA7B5 #C4B1BD #CCBBC6 #D4C6CF #DCD0D7 #E4DAE0 #ECE5E9

#BDA7B5 - #ECE5E9

Mezcla HSV

#BDA7B5 - #ECE5E9 | 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 #BDA7B5 como 0% y #ECE5E9 como 100%.

0.0%	0.0% #BDA7B5	RGB 189 167 181	#BDA7B5
16.7%	16.7% #C4B0BD	RGB 196 176 189	#C4B0BD
33.3%	33.3% #CCBAC5	RGB 204 186 197	#CCBAC5
50.0%	50.0% #D4C4CE	RGB 212 196 206	#D4C4CE
66.7%	66.7% #DCCFD7	RGB 220 207 215	#DCCFD7
83.3%	83.3% #E4DADF	RGB 228 218 223	#E4DADF
100.0%	100.0% #ECE5E9	RGB 236 229 233	#ECE5E9

#BDA7B5 #C4B0BD #CCBAC5 #D4C4CE #DCCFD7 #E4DADF #ECE5E9

#BDA7B5 - #D4C4CE - #ECE5E9

Códigos CSS

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

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