#E5E2F2 - #FEFAFD | 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 #E5E2F2 a #FEFAFD

#E5E2F2 #FEFAFD

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

#E5E2F2 - #FEFAFD | 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 #E5E2F2 como 0% y #FEFAFD como 100%.

0.0%	0.0% #E5E2F2	RGB 229 226 242	#E5E2F2
16.7%	16.7% #E9E6F3	RGB 233 230 243	#E9E6F3
33.3%	33.3% #EDEAF5	RGB 237 234 245	#EDEAF5
50.0%	50.0% #F1EEF7	RGB 241 238 247	#F1EEF7
66.7%	66.7% #F5F2F9	RGB 245 242 249	#F5F2F9
83.3%	83.3% #F9F6FB	RGB 249 246 251	#F9F6FB
100.0%	100.0% #FEFAFD	RGB 254 250 253	#FEFAFD

#E5E2F2 #E9E6F3 #EDEAF5 #F1EEF7 #F5F2F9 #F9F6FB #FEFAFD

#E5E2F2 - #FEFAFD

Mezcla HSV

#E5E2F2 - #FEFAFD | 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 #E5E2F2 como 0% y #FEFAFD como 100%.

0.0%	0.0% #E5E2F2	RGB 229 226 242	#E5E2F2
16.7%	16.7% #EBE5F4	RGB 235 229 244	#EBE5F4
33.3%	33.3% #F0E9F6	RGB 240 233 246	#F0E9F6
50.0%	50.0% #F5EDF8	RGB 245 237 248	#F5EDF8
66.7%	66.7% #F9F1FA	RGB 249 241 250	#F9F1FA
83.3%	83.3% #FCF5FB	RGB 252 245 251	#FCF5FB
100.0%	100.0% #FEFAFD	RGB 254 250 253	#FEFAFD

#E5E2F2 #EBE5F4 #F0E9F6 #F5EDF8 #F9F1FA #FCF5FB #FEFAFD

#E5E2F2 - #F5EDF8 - #FEFAFD

Códigos CSS

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

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