#FCFFFE - #E5E2FF | 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 #FCFFFE a #E5E2FF

#FCFFFE #E5E2FF

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

#FCFFFE - #E5E2FF | 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 #FCFFFE como 0% y #E5E2FF como 100%.

0.0%	0.0% #FCFFFE	RGB 252 255 254	#FCFFFE
16.7%	16.7% #F8FAFE	RGB 248 250 254	#F8FAFE
33.3%	33.3% #F4F5FE	RGB 244 245 254	#F4F5FE
50.0%	50.0% #F0F0FE	RGB 240 240 254	#F0F0FE
66.7%	66.7% #ECEBFE	RGB 236 235 254	#ECEBFE
83.3%	83.3% #E8E6FE	RGB 232 230 254	#E8E6FE
100.0%	100.0% #E5E2FF	RGB 229 226 255	#E5E2FF

#FCFFFE #F8FAFE #F4F5FE #F0F0FE #ECEBFE #E8E6FE #E5E2FF

#FCFFFE - #E5E2FF

Mezcla HSV

#FCFFFE - #E5E2FF | 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 #FCFFFE como 0% y #E5E2FF como 100%.

0.0%	0.0% #FCFFFE	RGB 252 255 254	#FCFFFE
16.7%	16.7% #F7FFFE	RGB 247 255 254	#F7FFFE
33.3%	33.3% #F3FDFF	RGB 243 253 255	#F3FDFF
50.0%	50.0% #EFF8FF	RGB 239 248 255	#EFF8FF
66.7%	66.7% #EAF2FF	RGB 234 242 255	#EAF2FF
83.3%	83.3% #E6E9FF	RGB 230 233 255	#E6E9FF
100.0%	100.0% #E5E2FF	RGB 229 226 255	#E5E2FF

#FCFFFE #F7FFFE #F3FDFF #EFF8FF #EAF2FF #E6E9FF #E5E2FF

#FCFFFE - #EFF8FF - #E5E2FF

Códigos CSS

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

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