#E5E9F0 - #8BB4BB | 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 #E5E9F0 a #8BB4BB

#E5E9F0 #8BB4BB

Calcule el color entre dos colores, #E5E9F0 y #8BB4BB. 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)

#E5E9F0 - #8BB4BB | 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 #E5E9F0 como 0% y #8BB4BB como 100%.

0.0%	0.0% #E5E9F0	RGB 229 233 240	#E5E9F0
16.7%	16.7% #D6E0E7	RGB 214 224 231	#D6E0E7
33.3%	33.3% #C7D7DE	RGB 199 215 222	#C7D7DE
50.0%	50.0% #B8CED5	RGB 184 206 213	#B8CED5
66.7%	66.7% #A9C5CC	RGB 169 197 204	#A9C5CC
83.3%	83.3% #9ABCC3	RGB 154 188 195	#9ABCC3
100.0%	100.0% #8BB4BB	RGB 139 180 187	#8BB4BB

#E5E9F0 #D6E0E7 #C7D7DE #B8CED5 #A9C5CC #9ABCC3 #8BB4BB

#E5E9F0 - #8BB4BB

Mezcla HSV

#E5E9F0 - #8BB4BB | 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 #E5E9F0 como 0% y #8BB4BB como 100%.

0.0%	0.0% #E5E9F0	RGB 229 233 240	#E5E9F0
16.7%	16.7% #D4DCE7	RGB 212 220 231	#D4DCE7
33.3%	33.3% #C4D2DE	RGB 196 210 222	#C4D2DE
50.0%	50.0% #B5C8D5	RGB 181 200 213	#B5C8D5
66.7%	66.7% #A6C0CC	RGB 166 192 204	#A6C0CC
83.3%	83.3% #98B9C3	RGB 152 185 195	#98B9C3
100.0%	100.0% #8BB4BB	RGB 139 180 187	#8BB4BB

#E5E9F0 #D4DCE7 #C4D2DE #B5C8D5 #A6C0CC #98B9C3 #8BB4BB

#E5E9F0 - #B5C8D5 - #8BB4BB

Códigos CSS

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

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