#BDA7AD - #ECE5E7 | 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 #BDA7AD a #ECE5E7

#BDA7AD #ECE5E7

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

#BDA7AD - #ECE5E7 | 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 #BDA7AD como 0% y #ECE5E7 como 100%.

0.0%	0.0% #BDA7AD	RGB 189 167 173	#BDA7AD
16.7%	16.7% #C4B1B6	RGB 196 177 182	#C4B1B6
33.3%	33.3% #CCBBC0	RGB 204 187 192	#CCBBC0
50.0%	50.0% #D4C6CA	RGB 212 198 202	#D4C6CA
66.7%	66.7% #DCD0D3	RGB 220 208 211	#DCD0D3
83.3%	83.3% #E4DADD	RGB 228 218 221	#E4DADD
100.0%	100.0% #ECE5E7	RGB 236 229 231	#ECE5E7

#BDA7AD #C4B1B6 #CCBBC0 #D4C6CA #DCD0D3 #E4DADD #ECE5E7

#BDA7AD - #ECE5E7

Mezcla HSV

#BDA7AD - #ECE5E7 | 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 #BDA7AD como 0% y #ECE5E7 como 100%.

0.0%	0.0% #BDA7AD	RGB 189 167 173	#BDA7AD
16.7%	16.7% #C4B0B6	RGB 196 176 182	#C4B0B6
33.3%	33.3% #CCBABF	RGB 204 186 191	#CCBABF
50.0%	50.0% #D4C4C9	RGB 212 196 201	#D4C4C9
66.7%	66.7% #DCCFD3	RGB 220 207 211	#DCCFD3
83.3%	83.3% #E4DADC	RGB 228 218 220	#E4DADC
100.0%	100.0% #ECE5E7	RGB 236 229 231	#ECE5E7

#BDA7AD #C4B0B6 #CCBABF #D4C4C9 #DCCFD3 #E4DADC #ECE5E7

#BDA7AD - #D4C4C9 - #ECE5E7

Códigos CSS

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

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