#E3A8F7 - #FFECE5 | 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 #E3A8F7 a #FFECE5

#E3A8F7 #FFECE5

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

#E3A8F7 - #FFECE5 | 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 #E3A8F7 como 0% y #FFECE5 como 100%.

0.0%	0.0% #E3A8F7	RGB 227 168 247	#E3A8F7
16.7%	16.7% #E7B3F4	RGB 231 179 244	#E7B3F4
33.3%	33.3% #ECBEF1	RGB 236 190 241	#ECBEF1
50.0%	50.0% #F1CAEE	RGB 241 202 238	#F1CAEE
66.7%	66.7% #F5D5EB	RGB 245 213 235	#F5D5EB
83.3%	83.3% #FAE0E8	RGB 250 224 232	#FAE0E8
100.0%	100.0% #FFECE5	RGB 255 236 229	#FFECE5

#E3A8F7 #E7B3F4 #ECBEF1 #F1CAEE #F5D5EB #FAE0E8 #FFECE5

#E3A8F7 - #FFECE5

Mezcla HSV

#E3A8F7 - #FFECE5 | 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 #E3A8F7 como 0% y #FFECE5 como 100%.

0.0%	0.0% #E3A8F7	RGB 227 168 247	#E3A8F7
16.7%	16.7% #F8B1F8	RGB 248 177 248	#F8B1F8
33.3%	33.3% #F9BBE9	RGB 249 187 233	#F9BBE9
50.0%	50.0% #FBC6E0	RGB 251 198 224	#FBC6E0
66.7%	66.7% #FCD0DA	RGB 252 208 218	#FCD0DA
83.3%	83.3% #FDDBDA	RGB 253 219 218	#FDDBDA
100.0%	100.0% #FFECE5	RGB 255 236 229	#FFECE5

#E3A8F7 #F8B1F8 #F9BBE9 #FBC6E0 #FCD0DA #FDDBDA #FFECE5

#E3A8F7 - #FBC6E0 - #FFECE5

Códigos CSS

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

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