#E3E4EE - #FFEEE7 | 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 #E3E4EE a #FFEEE7

#E3E4EE #FFEEE7

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

#E3E4EE - #FFEEE7 | 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 #E3E4EE como 0% y #FFEEE7 como 100%.

0.0%	0.0% #E3E4EE	RGB 227 228 238	#E3E4EE
16.7%	16.7% #E7E5EC	RGB 231 229 236	#E7E5EC
33.3%	33.3% #ECE7EB	RGB 236 231 235	#ECE7EB
50.0%	50.0% #F1E9EA	RGB 241 233 234	#F1E9EA
66.7%	66.7% #F5EAE9	RGB 245 234 233	#F5EAE9
83.3%	83.3% #FAECE8	RGB 250 236 232	#FAECE8
100.0%	100.0% #FFEEE7	RGB 255 238 231	#FFEEE7

#E3E4EE #E7E5EC #ECE7EB #F1E9EA #F5EAE9 #FAECE8 #FFEEE7

#E3E4EE - #FFEEE7

Mezcla HSV

#E3E4EE - #FFEEE7 | 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 #E3E4EE como 0% y #FFEEE7 como 100%.

0.0%	0.0% #E3E4EE	RGB 227 228 238	#E3E4EE
16.7%	16.7% #E7E3F0	RGB 231 227 240	#E7E3F0
33.3%	33.3% #EFE4F3	RGB 239 228 243	#EFE4F3
50.0%	50.0% #F6E5F4	RGB 246 229 244	#F6E5F4
66.7%	66.7% #F9E5EF	RGB 249 229 239	#F9E5EF
83.3%	83.3% #FCE6E8	RGB 252 230 232	#FCE6E8
100.0%	100.0% #FFEEE7	RGB 255 238 231	#FFEEE7

#E3E4EE #E7E3F0 #EFE4F3 #F6E5F4 #F9E5EF #FCE6E8 #FFEEE7

#E3E4EE - #F6E5F4 - #FFEEE7

Códigos CSS

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

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