#E5E3E4 - #A993AB | 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 #A993AB

#E5E3E4 #A993AB

Calcule el color entre dos colores, #E5E3E4 y #A993AB. 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 - #A993AB | 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 #A993AB como 100%.

0.0%	0.0% #E5E3E4	RGB 229 227 228	#E5E3E4
16.7%	16.7% #DBD5DA	RGB 219 213 218	#DBD5DA
33.3%	33.3% #D1C8D1	RGB 209 200 209	#D1C8D1
50.0%	50.0% #C7BBC7	RGB 199 187 199	#C7BBC7
66.7%	66.7% #BDADBE	RGB 189 173 190	#BDADBE
83.3%	83.3% #B3A0B4	RGB 179 160 180	#B3A0B4
100.0%	100.0% #A993AB	RGB 169 147 171	#A993AB

#E5E3E4 #DBD5DA #D1C8D1 #C7BBC7 #BDADBE #B3A0B4 #A993AB

#E5E3E4 - #A993AB

Mezcla HSV

#E5E3E4 - #A993AB | 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 #A993AB como 100%.

0.0%	0.0% #E5E3E4	RGB 229 227 228	#E5E3E4
16.7%	16.7% #DBD4D8	RGB 219 212 216	#DBD4D8
33.3%	33.3% #D1C6CE	RGB 209 198 206	#D1C6CE
50.0%	50.0% #C8B9C4	RGB 200 185 196	#C8B9C4
66.7%	66.7% #BEABBC	RGB 190 171 188	#BEABBC
83.3%	83.3% #B49FB4	RGB 180 159 180	#B49FB4
100.0%	100.0% #A993AB	RGB 169 147 171	#A993AB

#E5E3E4 #DBD4D8 #D1C6CE #C8B9C4 #BEABBC #B49FB4 #A993AB

#E5E3E4 - #C8B9C4 - #A993AB

Códigos CSS

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

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