#E4A8F7 - #FFEDE5 | 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 #E4A8F7 a #FFEDE5

#E4A8F7 #FFEDE5

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

#E4A8F7 - #FFEDE5 | 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 #E4A8F7 como 0% y #FFEDE5 como 100%.

0.0%	0.0% #E4A8F7	RGB 228 168 247	#E4A8F7
16.7%	16.7% #E8B3F4	RGB 232 179 244	#E8B3F4
33.3%	33.3% #EDBFF1	RGB 237 191 241	#EDBFF1
50.0%	50.0% #F1CAEE	RGB 241 202 238	#F1CAEE
66.7%	66.7% #F6D6EB	RGB 246 214 235	#F6D6EB
83.3%	83.3% #FAE1E8	RGB 250 225 232	#FAE1E8
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#E4A8F7 #E8B3F4 #EDBFF1 #F1CAEE #F6D6EB #FAE1E8 #FFEDE5

#E4A8F7 - #FFEDE5

Mezcla HSV

#E4A8F7 - #FFEDE5 | 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 #E4A8F7 como 0% y #FFEDE5 como 100%.

0.0%	0.0% #E4A8F7	RGB 228 168 247	#E4A8F7
16.7%	16.7% #F8B1F7	RGB 248 177 247	#F8B1F7
33.3%	33.3% #F9BBE8	RGB 249 187 232	#F9BBE8
50.0%	50.0% #FBC6DE	RGB 251 198 222	#FBC6DE
66.7%	66.7% #FCD0D9	RGB 252 208 217	#FCD0D9
83.3%	83.3% #FDDCDA	RGB 253 220 218	#FDDCDA
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#E4A8F7 #F8B1F7 #F9BBE8 #FBC6DE #FCD0D9 #FDDCDA #FFEDE5

#E4A8F7 - #FBC6DE - #FFEDE5

Códigos CSS

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

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