#FAFFFC - #E5E4FF | 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 #FAFFFC a #E5E4FF

#FAFFFC #E5E4FF

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

#FAFFFC - #E5E4FF | 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 #FAFFFC como 0% y #E5E4FF como 100%.

0.0%	0.0% #FAFFFC	RGB 250 255 252	#FAFFFC
16.7%	16.7% #F6FAFC	RGB 246 250 252	#F6FAFC
33.3%	33.3% #F3F6FD	RGB 243 246 253	#F3F6FD
50.0%	50.0% #EFF1FD	RGB 239 241 253	#EFF1FD
66.7%	66.7% #ECEDFE	RGB 236 237 254	#ECEDFE
83.3%	83.3% #E8E8FE	RGB 232 232 254	#E8E8FE
100.0%	100.0% #E5E4FF	RGB 229 228 255	#E5E4FF

#FAFFFC #F6FAFC #F3F6FD #EFF1FD #ECEDFE #E8E8FE #E5E4FF

#FAFFFC - #E5E4FF

Mezcla HSV

#FAFFFC - #E5E4FF | 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 #FAFFFC como 0% y #E5E4FF como 100%.

0.0%	0.0% #FAFFFC	RGB 250 255 252	#FAFFFC
16.7%	16.7% #F6FFFC	RGB 246 255 252	#F6FFFC
33.3%	33.3% #F2FFFE	RGB 242 255 254	#F2FFFE
50.0%	50.0% #EFFBFF	RGB 239 251 255	#EFFBFF
66.7%	66.7% #EBF5FF	RGB 235 245 255	#EBF5FF
83.3%	83.3% #E7EDFF	RGB 231 237 255	#E7EDFF
100.0%	100.0% #E5E4FF	RGB 229 228 255	#E5E4FF

#FAFFFC #F6FFFC #F2FFFE #EFFBFF #EBF5FF #E7EDFF #E5E4FF

#FAFFFC - #EFFBFF - #E5E4FF

Códigos CSS

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

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