#EDF0F0 - #F9FAFA | 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 #EDF0F0 a #F9FAFA

#EDF0F0 #F9FAFA

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

#EDF0F0 - #F9FAFA | 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 #EDF0F0 como 0% y #F9FAFA como 100%.

0.0%	0.0% #EDF0F0	RGB 237 240 240	#EDF0F0
16.7%	16.7% #EFF1F1	RGB 239 241 241	#EFF1F1
33.3%	33.3% #F1F3F3	RGB 241 243 243	#F1F3F3
50.0%	50.0% #F3F5F5	RGB 243 245 245	#F3F5F5
66.7%	66.7% #F5F6F6	RGB 245 246 246	#F5F6F6
83.3%	83.3% #F7F8F8	RGB 247 248 248	#F7F8F8
100.0%	100.0% #F9FAFA	RGB 249 250 250	#F9FAFA

#EDF0F0 #EFF1F1 #F1F3F3 #F3F5F5 #F5F6F6 #F7F8F8 #F9FAFA

#EDF0F0 - #F9FAFA

Mezcla HSV

#EDF0F0 - #F9FAFA | 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 #EDF0F0 como 0% y #F9FAFA como 100%.

0.0%	0.0% #EDF0F0	RGB 237 240 240	#EDF0F0
16.7%	16.7% #EEF1F1	RGB 238 241 241	#EEF1F1
33.3%	33.3% #F0F3F3	RGB 240 243 243	#F0F3F3
50.0%	50.0% #F2F5F5	RGB 242 245 245	#F2F5F5
66.7%	66.7% #F4F6F6	RGB 244 246 246	#F4F6F6
83.3%	83.3% #F6F8F8	RGB 246 248 248	#F6F8F8
100.0%	100.0% #F9FAFA	RGB 249 250 250	#F9FAFA

#EDF0F0 #EEF1F1 #F0F3F3 #F2F5F5 #F4F6F6 #F6F8F8 #F9FAFA

#EDF0F0 - #F2F5F5 - #F9FAFA

Códigos CSS

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

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