#E5E6E4 - #BBBE9A | 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 #E5E6E4 a #BBBE9A

#E5E6E4 #BBBE9A

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

#E5E6E4 - #BBBE9A | 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 #E5E6E4 como 0% y #BBBE9A como 100%.

0.0%	0.0% #E5E6E4	RGB 229 230 228	#E5E6E4
16.7%	16.7% #DEDFD7	RGB 222 223 215	#DEDFD7
33.3%	33.3% #D7D8CB	RGB 215 216 203	#D7D8CB
50.0%	50.0% #D0D2BF	RGB 208 210 191	#D0D2BF
66.7%	66.7% #C9CBB2	RGB 201 203 178	#C9CBB2
83.3%	83.3% #C2C4A6	RGB 194 196 166	#C2C4A6
100.0%	100.0% #BBBE9A	RGB 187 190 154	#BBBE9A

#E5E6E4 #DEDFD7 #D7D8CB #D0D2BF #C9CBB2 #C2C4A6 #BBBE9A

#E5E6E4 - #BBBE9A

Mezcla HSV

#E5E6E4 - #BBBE9A | 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 #E5E6E4 como 0% y #BBBE9A como 100%.

0.0%	0.0% #E5E6E4	RGB 229 230 228	#E5E6E4
16.7%	16.7% #DBDFD6	RGB 219 223 214	#DBDFD6
33.3%	33.3% #D3D8C9	RGB 211 216 201	#D3D8C9
50.0%	50.0% #CBD2BD	RGB 203 210 189	#CBD2BD
66.7%	66.7% #C5CBB1	RGB 197 203 177	#C5CBB1
83.3%	83.3% #BFC4A5	RGB 191 196 165	#BFC4A5
100.0%	100.0% #BBBE9A	RGB 187 190 154	#BBBE9A

#E5E6E4 #DBDFD6 #D3D8C9 #CBD2BD #C5CBB1 #BFC4A5 #BBBE9A

#E5E6E4 - #CBD2BD - #BBBE9A

Códigos CSS

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

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