#F8F9F8 - #DFF9FA | 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 #F8F9F8 a #DFF9FA

#F8F9F8 #DFF9FA

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

#F8F9F8 - #DFF9FA | 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 #F8F9F8 como 0% y #DFF9FA como 100%.

0.0%	0.0% #F8F9F8	RGB 248 249 248	#F8F9F8
16.7%	16.7% #F3F9F8	RGB 243 249 248	#F3F9F8
33.3%	33.3% #EFF9F8	RGB 239 249 248	#EFF9F8
50.0%	50.0% #EBF9F9	RGB 235 249 249	#EBF9F9
66.7%	66.7% #E7F9F9	RGB 231 249 249	#E7F9F9
83.3%	83.3% #E3F9F9	RGB 227 249 249	#E3F9F9
100.0%	100.0% #DFF9FA	RGB 223 249 250	#DFF9FA

#F8F9F8 #F3F9F8 #EFF9F8 #EBF9F9 #E7F9F9 #E3F9F9 #DFF9FA

#F8F9F8 - #DFF9FA

Mezcla HSV

#F8F9F8 - #DFF9FA | 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 #F8F9F8 como 0% y #DFF9FA como 100%.

0.0%	0.0% #F8F9F8	RGB 248 249 248	#F8F9F8
16.7%	16.7% #F3F9F4	RGB 243 249 244	#F3F9F4
33.3%	33.3% #EFF9F3	RGB 239 249 243	#EFF9F3
50.0%	50.0% #EBF9F2	RGB 235 249 242	#EBF9F2
66.7%	66.7% #E7F9F4	RGB 231 249 244	#E7F9F4
83.3%	83.3% #E3F9F6	RGB 227 249 246	#E3F9F6
100.0%	100.0% #DFF9FA	RGB 223 249 250	#DFF9FA

#F8F9F8 #F3F9F4 #EFF9F3 #EBF9F2 #E7F9F4 #E3F9F6 #DFF9FA

#F8F9F8 - #EBF9F2 - #DFF9FA

Códigos CSS

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

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