#F7F8F6 - #E3FCFF | 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 #F7F8F6 a #E3FCFF

#F7F8F6 #E3FCFF

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

#F7F8F6 - #E3FCFF | 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 #F7F8F6 como 0% y #E3FCFF como 100%.

0.0%	0.0% #F7F8F6	RGB 247 248 246	#F7F8F6
16.7%	16.7% #F3F8F7	RGB 243 248 247	#F3F8F7
33.3%	33.3% #F0F9F9	RGB 240 249 249	#F0F9F9
50.0%	50.0% #EDFAFA	RGB 237 250 250	#EDFAFA
66.7%	66.7% #E9FAFC	RGB 233 250 252	#E9FAFC
83.3%	83.3% #E6FBFD	RGB 230 251 253	#E6FBFD
100.0%	100.0% #E3FCFF	RGB 227 252 255	#E3FCFF

#F7F8F6 #F3F8F7 #F0F9F9 #EDFAFA #E9FAFC #E6FBFD #E3FCFF

#F7F8F6 - #E3FCFF

Mezcla HSV

#F7F8F6 - #E3FCFF | 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 #F7F8F6 como 0% y #E3FCFF como 100%.

0.0%	0.0% #F7F8F6	RGB 247 248 246	#F7F8F6
16.7%	16.7% #F4F9F2	RGB 244 249 242	#F4F9F2
33.3%	33.3% #EFFAF0	RGB 239 250 240	#EFFAF0
50.0%	50.0% #ECFBF1	RGB 236 251 241	#ECFBF1
66.7%	66.7% #E9FCF4	RGB 233 252 244	#E9FCF4
83.3%	83.3% #E6FDFA	RGB 230 253 250	#E6FDFA
100.0%	100.0% #E3FCFF	RGB 227 252 255	#E3FCFF

#F7F8F6 #F4F9F2 #EFFAF0 #ECFBF1 #E9FCF4 #E6FDFA #E3FCFF

#F7F8F6 - #ECFBF1 - #E3FCFF

Códigos CSS

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

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