#E5E6E4 - #B0BE9A | 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 #B0BE9A

#E5E6E4 #B0BE9A

Calcule el color entre dos colores, #E5E6E4 y #B0BE9A. 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 - #B0BE9A | 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 #B0BE9A como 100%.

0.0%	0.0% #E5E6E4	RGB 229 230 228	#E5E6E4
16.7%	16.7% #DCDFD7	RGB 220 223 215	#DCDFD7
33.3%	33.3% #D3D8CB	RGB 211 216 203	#D3D8CB
50.0%	50.0% #CAD2BF	RGB 202 210 191	#CAD2BF
66.7%	66.7% #C1CBB2	RGB 193 203 178	#C1CBB2
83.3%	83.3% #B8C4A6	RGB 184 196 166	#B8C4A6
100.0%	100.0% #B0BE9A	RGB 176 190 154	#B0BE9A

#E5E6E4 #DCDFD7 #D3D8CB #CAD2BF #C1CBB2 #B8C4A6 #B0BE9A

#E5E6E4 - #B0BE9A

Mezcla HSV

#E5E6E4 - #B0BE9A | 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 #B0BE9A 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% #D1D8C9	RGB 209 216 201	#D1D8C9
50.0%	50.0% #C8D2BD	RGB 200 210 189	#C8D2BD
66.7%	66.7% #C0CBB1	RGB 192 203 177	#C0CBB1
83.3%	83.3% #B7C4A5	RGB 183 196 165	#B7C4A5
100.0%	100.0% #B0BE9A	RGB 176 190 154	#B0BE9A

#E5E6E4 #DBDFD6 #D1D8C9 #C8D2BD #C0CBB1 #B7C4A5 #B0BE9A

#E5E6E4 - #C8D2BD - #B0BE9A

Códigos CSS

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

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