#E3E3E5 - #CCC7EF | 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 #E3E3E5 a #CCC7EF

#E3E3E5 #CCC7EF

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

#E3E3E5 - #CCC7EF | 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 #E3E3E5 como 0% y #CCC7EF como 100%.

0.0%	0.0% #E3E3E5	RGB 227 227 229	#E3E3E5
16.7%	16.7% #DFDEE6	RGB 223 222 230	#DFDEE6
33.3%	33.3% #DBD9E8	RGB 219 217 232	#DBD9E8
50.0%	50.0% #D7D5EA	RGB 215 213 234	#D7D5EA
66.7%	66.7% #D3D0EB	RGB 211 208 235	#D3D0EB
83.3%	83.3% #CFCBED	RGB 207 203 237	#CFCBED
100.0%	100.0% #CCC7EF	RGB 204 199 239	#CCC7EF

#E3E3E5 #DFDEE6 #DBD9E8 #D7D5EA #D3D0EB #CFCBED #CCC7EF

#E3E3E5 - #CCC7EF

Mezcla HSV

#E3E3E5 - #CCC7EF | 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 #E3E3E5 como 0% y #CCC7EF como 100%.

0.0%	0.0% #E3E3E5	RGB 227 227 229	#E3E3E5
16.7%	16.7% #DEDEE6	RGB 222 222 230	#DEDEE6
33.3%	33.3% #DADAE8	RGB 218 218 232	#DADAE8
50.0%	50.0% #D6D5EA	RGB 214 213 234	#D6D5EA
66.7%	66.7% #D2D0EB	RGB 210 208 235	#D2D0EB
83.3%	83.3% #CFCBED	RGB 207 203 237	#CFCBED
100.0%	100.0% #CCC7EF	RGB 204 199 239	#CCC7EF

#E3E3E5 #DEDEE6 #DADAE8 #D6D5EA #D2D0EB #CFCBED #CCC7EF

#E3E3E5 - #D6D5EA - #CCC7EF

Códigos CSS

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

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