#E5EBEF - #FEFDFF | 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 #E5EBEF a #FEFDFF

#E5EBEF #FEFDFF

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

#E5EBEF - #FEFDFF | 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 #E5EBEF como 0% y #FEFDFF como 100%.

0.0%	0.0% #E5EBEF	RGB 229 235 239	#E5EBEF
16.7%	16.7% #E9EEF1	RGB 233 238 241	#E9EEF1
33.3%	33.3% #EDF1F4	RGB 237 241 244	#EDF1F4
50.0%	50.0% #F1F4F7	RGB 241 244 247	#F1F4F7
66.7%	66.7% #F5F7F9	RGB 245 247 249	#F5F7F9
83.3%	83.3% #F9FAFC	RGB 249 250 252	#F9FAFC
100.0%	100.0% #FEFDFF	RGB 254 253 255	#FEFDFF

#E5EBEF #E9EEF1 #EDF1F4 #F1F4F7 #F5F7F9 #F9FAFC #FEFDFF

#E5EBEF - #FEFDFF

Mezcla HSV

#E5EBEF - #FEFDFF | 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 #E5EBEF como 0% y #FEFDFF como 100%.

0.0%	0.0% #E5EBEF	RGB 229 235 239	#E5EBEF
16.7%	16.7% #E8ECF1	RGB 232 236 241	#E8ECF1
33.3%	33.3% #ECEEF4	RGB 236 238 244	#ECEEF4
50.0%	50.0% #F0F1F7	RGB 240 241 247	#F0F1F7
66.7%	66.7% #F5F4F9	RGB 245 244 249	#F5F4F9
83.3%	83.3% #FAF8FC	RGB 250 248 252	#FAF8FC
100.0%	100.0% #FEFDFF	RGB 254 253 255	#FEFDFF

#E5EBEF #E8ECF1 #ECEEF4 #F0F1F7 #F5F4F9 #FAF8FC #FEFDFF

#E5EBEF - #F0F1F7 - #FEFDFF

Códigos CSS

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

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