#E5E3E4 - #DDC3EB | 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 #E5E3E4 a #DDC3EB

#E5E3E4 #DDC3EB

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

#E5E3E4 - #DDC3EB | 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 #E5E3E4 como 0% y #DDC3EB como 100%.

0.0%	0.0% #E5E3E4	RGB 229 227 228	#E5E3E4
16.7%	16.7% #E3DDE5	RGB 227 221 229	#E3DDE5
33.3%	33.3% #E2D8E6	RGB 226 216 230	#E2D8E6
50.0%	50.0% #E1D3E7	RGB 225 211 231	#E1D3E7
66.7%	66.7% #DFCDE8	RGB 223 205 232	#DFCDE8
83.3%	83.3% #DEC8E9	RGB 222 200 233	#DEC8E9
100.0%	100.0% #DDC3EB	RGB 221 195 235	#DDC3EB

#E5E3E4 #E3DDE5 #E2D8E6 #E1D3E7 #DFCDE8 #DEC8E9 #DDC3EB

#E5E3E4 - #DDC3EB

Mezcla HSV

#E5E3E4 - #DDC3EB | 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 #E5E3E4 como 0% y #DDC3EB como 100%.

0.0%	0.0% #E5E3E4	RGB 229 227 228	#E5E3E4
16.7%	16.7% #E6DDE3	RGB 230 221 227	#E6DDE3
33.3%	33.3% #E7D8E3	RGB 231 216 227	#E7D8E3
50.0%	50.0% #E8D3E6	RGB 232 211 230	#E8D3E6
66.7%	66.7% #E7CDE9	RGB 231 205 233	#E7CDE9
83.3%	83.3% #E3C8EA	RGB 227 200 234	#E3C8EA
100.0%	100.0% #DDC3EB	RGB 221 195 235	#DDC3EB

#E5E3E4 #E6DDE3 #E7D8E3 #E8D3E6 #E7CDE9 #E3C8EA #DDC3EB

#E5E3E4 - #E8D3E6 - #DDC3EB

Códigos CSS

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

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