#BFAFA5 - #ECE7E5 | 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 #BFAFA5 a #ECE7E5

#BFAFA5 #ECE7E5

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

#BFAFA5 - #ECE7E5 | 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 #BFAFA5 como 0% y #ECE7E5 como 100%.

0.0%	0.0% #BFAFA5	RGB 191 175 165	#BFAFA5
16.7%	16.7% #C6B8AF	RGB 198 184 175	#C6B8AF
33.3%	33.3% #CEC1BA	RGB 206 193 186	#CEC1BA
50.0%	50.0% #D5CBC5	RGB 213 203 197	#D5CBC5
66.7%	66.7% #DDD4CF	RGB 221 212 207	#DDD4CF
83.3%	83.3% #E4DDDA	RGB 228 221 218	#E4DDDA
100.0%	100.0% #ECE7E5	RGB 236 231 229	#ECE7E5

#BFAFA5 #C6B8AF #CEC1BA #D5CBC5 #DDD4CF #E4DDDA #ECE7E5

#BFAFA5 - #ECE7E5

Mezcla HSV

#BFAFA5 - #ECE7E5 | 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 #BFAFA5 como 0% y #ECE7E5 como 100%.

0.0%	0.0% #BFAFA5	RGB 191 175 165	#BFAFA5
16.7%	16.7% #C6B7AF	RGB 198 183 175	#C6B7AF
33.3%	33.3% #CEC0B9	RGB 206 192 185	#CEC0B9
50.0%	50.0% #D5C9C3	RGB 213 201 195	#D5C9C3
66.7%	66.7% #DDD3CE	RGB 221 211 206	#DDD3CE
83.3%	83.3% #E4DCD9	RGB 228 220 217	#E4DCD9
100.0%	100.0% #ECE7E5	RGB 236 231 229	#ECE7E5

#BFAFA5 #C6B7AF #CEC0B9 #D5C9C3 #DDD3CE #E4DCD9 #ECE7E5

#BFAFA5 - #D5C9C3 - #ECE7E5

Códigos CSS

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

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