#F0FDFF - #EAF2FF | 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 #F0FDFF a #EAF2FF

#F0FDFF #EAF2FF

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

#F0FDFF - #EAF2FF | 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 #F0FDFF como 0% y #EAF2FF como 100%.

0.0%	0.0% #F0FDFF	RGB 240 253 255	#F0FDFF
16.7%	16.7% #EFFBFF	RGB 239 251 255	#EFFBFF
33.3%	33.3% #EEF9FF	RGB 238 249 255	#EEF9FF
50.0%	50.0% #EDF7FF	RGB 237 247 255	#EDF7FF
66.7%	66.7% #ECF5FF	RGB 236 245 255	#ECF5FF
83.3%	83.3% #EBF3FF	RGB 235 243 255	#EBF3FF
100.0%	100.0% #EAF2FF	RGB 234 242 255	#EAF2FF

#F0FDFF #EFFBFF #EEF9FF #EDF7FF #ECF5FF #EBF3FF #EAF2FF

#F0FDFF - #EAF2FF

Mezcla HSV

#F0FDFF - #EAF2FF | 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 #F0FDFF como 0% y #EAF2FF como 100%.

0.0%	0.0% #F0FDFF	RGB 240 253 255	#F0FDFF
16.7%	16.7% #EFFBFF	RGB 239 251 255	#EFFBFF
33.3%	33.3% #EEF9FF	RGB 238 249 255	#EEF9FF
50.0%	50.0% #EDF8FF	RGB 237 248 255	#EDF8FF
66.7%	66.7% #ECF6FF	RGB 236 246 255	#ECF6FF
83.3%	83.3% #EBF4FF	RGB 235 244 255	#EBF4FF
100.0%	100.0% #EAF2FF	RGB 234 242 255	#EAF2FF

#F0FDFF #EFFBFF #EEF9FF #EDF8FF #ECF6FF #EBF4FF #EAF2FF

#F0FDFF - #EDF8FF - #EAF2FF

Códigos CSS

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

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