#E4DDF3 - #FFF5E9 | 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 #E4DDF3 a #FFF5E9

#E4DDF3 #FFF5E9

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

#E4DDF3 - #FFF5E9 | 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 #E4DDF3 como 0% y #FFF5E9 como 100%.

0.0%	0.0% #E4DDF3	RGB 228 221 243	#E4DDF3
16.7%	16.7% #E8E1F1	RGB 232 225 241	#E8E1F1
33.3%	33.3% #EDE5EF	RGB 237 229 239	#EDE5EF
50.0%	50.0% #F1E9EE	RGB 241 233 238	#F1E9EE
66.7%	66.7% #F6EDEC	RGB 246 237 236	#F6EDEC
83.3%	83.3% #FAF1EA	RGB 250 241 234	#FAF1EA
100.0%	100.0% #FFF5E9	RGB 255 245 233	#FFF5E9

#E4DDF3 #E8E1F1 #EDE5EF #F1E9EE #F6EDEC #FAF1EA #FFF5E9

#E4DDF3 - #FFF5E9

Mezcla HSV

#E4DDF3 - #FFF5E9 | 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 #E4DDF3 como 0% y #FFF5E9 como 100%.

0.0%	0.0% #E4DDF3	RGB 228 221 243	#E4DDF3
16.7%	16.7% #EEDEF5	RGB 238 222 245	#EEDEF5
33.3%	33.3% #F7E0F5	RGB 247 224 245	#F7E0F5
50.0%	50.0% #F9E2EF	RGB 249 226 239	#F9E2EF
66.7%	66.7% #FBE4E9	RGB 251 228 233	#FBE4E9
83.3%	83.3% #FDEAE6	RGB 253 234 230	#FDEAE6
100.0%	100.0% #FFF5E9	RGB 255 245 233	#FFF5E9

#E4DDF3 #EEDEF5 #F7E0F5 #F9E2EF #FBE4E9 #FDEAE6 #FFF5E9

#E4DDF3 - #F9E2EF - #FFF5E9

Códigos CSS

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

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