#E5E5EC - #A49CC3 | 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 #E5E5EC a #A49CC3

#E5E5EC #A49CC3

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

#E5E5EC - #A49CC3 | 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 #E5E5EC como 0% y #A49CC3 como 100%.

0.0%	0.0% #E5E5EC	RGB 229 229 236	#E5E5EC
16.7%	16.7% #DAD8E5	RGB 218 216 229	#DAD8E5
33.3%	33.3% #CFCCDE	RGB 207 204 222	#CFCCDE
50.0%	50.0% #C4C0D7	RGB 196 192 215	#C4C0D7
66.7%	66.7% #B9B4D0	RGB 185 180 208	#B9B4D0
83.3%	83.3% #AEA8C9	RGB 174 168 201	#AEA8C9
100.0%	100.0% #A49CC3	RGB 164 156 195	#A49CC3

#E5E5EC #DAD8E5 #CFCCDE #C4C0D7 #B9B4D0 #AEA8C9 #A49CC3

#E5E5EC - #A49CC3

Mezcla HSV

#E5E5EC - #A49CC3 | 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 #E5E5EC como 0% y #A49CC3 como 100%.

0.0%	0.0% #E5E5EC	RGB 229 229 236	#E5E5EC
16.7%	16.7% #D8D7E5	RGB 216 215 229	#D8D7E5
33.3%	33.3% #CCCBDE	RGB 204 203 222	#CCCBDE
50.0%	50.0% #C1BED7	RGB 193 190 215	#C1BED7
66.7%	66.7% #B6B2D0	RGB 182 178 208	#B6B2D0
83.3%	83.3% #ADA7C9	RGB 173 167 201	#ADA7C9
100.0%	100.0% #A49CC3	RGB 164 156 195	#A49CC3

#E5E5EC #D8D7E5 #CCCBDE #C1BED7 #B6B2D0 #ADA7C9 #A49CC3

#E5E5EC - #C1BED7 - #A49CC3

Códigos CSS

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

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