#E6BCD3 - #E5E7E5 | 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 #E6BCD3 a #E5E7E5

#E6BCD3 #E5E7E5

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

#E6BCD3 - #E5E7E5 | 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 #E6BCD3 como 0% y #E5E7E5 como 100%.

0.0%	0.0% #E6BCD3	RGB 230 188 211	#E6BCD3
16.7%	16.7% #E5C3D6	RGB 229 195 214	#E5C3D6
33.3%	33.3% #E5CAD9	RGB 229 202 217	#E5CAD9
50.0%	50.0% #E5D1DC	RGB 229 209 220	#E5D1DC
66.7%	66.7% #E5D8DF	RGB 229 216 223	#E5D8DF
83.3%	83.3% #E5DFE2	RGB 229 223 226	#E5DFE2
100.0%	100.0% #E5E7E5	RGB 229 231 229	#E5E7E5

#E6BCD3 #E5C3D6 #E5CAD9 #E5D1DC #E5D8DF #E5DFE2 #E5E7E5

#E6BCD3 - #E5E7E5

Mezcla HSV

#E6BCD3 - #E5E7E5 | 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 #E6BCD3 como 0% y #E5E7E5 como 100%.

0.0%	0.0% #E6BCD3	RGB 230 188 211	#E6BCD3
16.7%	16.7% #E6C2C7	RGB 230 194 199	#E6C2C7
33.3%	33.3% #E6D2C9	RGB 230 210 201	#E6D2C9
50.0%	50.0% #E6E0D0	RGB 230 224 208	#E6E0D0
66.7%	66.7% #E4E6D7	RGB 228 230 215	#E4E6D7
83.3%	83.3% #E1E6DE	RGB 225 230 222	#E1E6DE
100.0%	100.0% #E5E7E5	RGB 229 231 229	#E5E7E5

#E6BCD3 #E6C2C7 #E6D2C9 #E6E0D0 #E4E6D7 #E1E6DE #E5E7E5

#E6BCD3 - #E6E0D0 - #E5E7E5

Códigos CSS

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

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