#E6E5E5 - #CEC3EC | 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 #E6E5E5 a #CEC3EC

#E6E5E5 #CEC3EC

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

#E6E5E5 - #CEC3EC | 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 #E6E5E5 como 0% y #CEC3EC como 100%.

0.0%	0.0% #E6E5E5	RGB 230 229 229	#E6E5E5
16.7%	16.7% #E2DFE6	RGB 226 223 230	#E2DFE6
33.3%	33.3% #DED9E7	RGB 222 217 231	#DED9E7
50.0%	50.0% #DAD4E8	RGB 218 212 232	#DAD4E8
66.7%	66.7% #D6CEE9	RGB 214 206 233	#D6CEE9
83.3%	83.3% #D2C8EA	RGB 210 200 234	#D2C8EA
100.0%	100.0% #CEC3EC	RGB 206 195 236	#CEC3EC

#E6E5E5 #E2DFE6 #DED9E7 #DAD4E8 #D6CEE9 #D2C8EA #CEC3EC

#E6E5E5 - #CEC3EC

Mezcla HSV

#E6E5E5 - #CEC3EC | 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 #E6E5E5 como 0% y #CEC3EC como 100%.

0.0%	0.0% #E6E5E5	RGB 230 229 229	#E6E5E5
16.7%	16.7% #E7DFE1	RGB 231 223 225	#E7DFE1
33.3%	33.3% #E8D9E2	RGB 232 217 226	#E8D9E2
50.0%	50.0% #E9D4E6	RGB 233 212 230	#E9D4E6
66.7%	66.7% #E5CEEA	RGB 229 206 234	#E5CEEA
83.3%	83.3% #DBC8EB	RGB 219 200 235	#DBC8EB
100.0%	100.0% #CEC3EC	RGB 206 195 236	#CEC3EC

#E6E5E5 #E7DFE1 #E8D9E2 #E9D4E6 #E5CEEA #DBC8EB #CEC3EC

#E6E5E5 - #E9D4E6 - #CEC3EC

Códigos CSS

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

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