#E5E5E4 - #BCB49A | 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 #E5E5E4 a #BCB49A

#E5E5E4 #BCB49A

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

#E5E5E4 - #BCB49A | 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 #E5E5E4 como 0% y #BCB49A como 100%.

0.0%	0.0% #E5E5E4	RGB 229 229 228	#E5E5E4
16.7%	16.7% #DEDCD7	RGB 222 220 215	#DEDCD7
33.3%	33.3% #D7D4CB	RGB 215 212 203	#D7D4CB
50.0%	50.0% #D0CCBF	RGB 208 204 191	#D0CCBF
66.7%	66.7% #C9C4B2	RGB 201 196 178	#C9C4B2
83.3%	83.3% #C2BCA6	RGB 194 188 166	#C2BCA6
100.0%	100.0% #BCB49A	RGB 188 180 154	#BCB49A

#E5E5E4 #DEDCD7 #D7D4CB #D0CCBF #C9C4B2 #C2BCA6 #BCB49A

#E5E5E4 - #BCB49A

Mezcla HSV

#E5E5E4 - #BCB49A | 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 #E5E5E4 como 0% y #BCB49A como 100%.

0.0%	0.0% #E5E5E4	RGB 229 229 228	#E5E5E4
16.7%	16.7% #DEDDD6	RGB 222 221 214	#DEDDD6
33.3%	33.3% #D7D6C9	RGB 215 214 201	#D7D6C9
50.0%	50.0% #D0CEBD	RGB 208 206 189	#D0CEBD
66.7%	66.7% #C9C5B1	RGB 201 197 177	#C9C5B1
83.3%	83.3% #C2BDA5	RGB 194 189 165	#C2BDA5
100.0%	100.0% #BCB49A	RGB 188 180 154	#BCB49A

#E5E5E4 #DEDDD6 #D7D6C9 #D0CEBD #C9C5B1 #C2BDA5 #BCB49A

#E5E5E4 - #D0CEBD - #BCB49A

Códigos CSS

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

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