#E5E3EE - #A490B4 | 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 #E5E3EE a #A490B4

#E5E3EE #A490B4

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

#E5E3EE - #A490B4 | 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 #E5E3EE como 0% y #A490B4 como 100%.

0.0%	0.0% #E5E3EE	RGB 229 227 238	#E5E3EE
16.7%	16.7% #DAD5E4	RGB 218 213 228	#DAD5E4
33.3%	33.3% #CFC7DA	RGB 207 199 218	#CFC7DA
50.0%	50.0% #C4B9D1	RGB 196 185 209	#C4B9D1
66.7%	66.7% #B9ABC7	RGB 185 171 199	#B9ABC7
83.3%	83.3% #AE9DBD	RGB 174 157 189	#AE9DBD
100.0%	100.0% #A490B4	RGB 164 144 180	#A490B4

#E5E3EE #DAD5E4 #CFC7DA #C4B9D1 #B9ABC7 #AE9DBD #A490B4

#E5E3EE - #A490B4

Mezcla HSV

#E5E3EE - #A490B4 | 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 #E5E3EE como 0% y #A490B4 como 100%.

0.0%	0.0% #E5E3EE	RGB 229 227 238	#E5E3EE
16.7%	16.7% #D7D3E4	RGB 215 211 228	#D7D3E4
33.3%	33.3% #CBC5DA	RGB 203 197 218	#CBC5DA
50.0%	50.0% #C0B7D1	RGB 192 183 209	#C0B7D1
66.7%	66.7% #B6A9C7	RGB 182 169 199	#B6A9C7
83.3%	83.3% #AC9CBD	RGB 172 156 189	#AC9CBD
100.0%	100.0% #A490B4	RGB 164 144 180	#A490B4

#E5E3EE #D7D3E4 #CBC5DA #C0B7D1 #B6A9C7 #AC9CBD #A490B4

#E5E3EE - #C0B7D1 - #A490B4

Códigos CSS

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

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