#E5EBF1 - #8EB5BD | 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 #E5EBF1 a #8EB5BD

#E5EBF1 #8EB5BD

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

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

0.0%	0.0% #E5EBF1	RGB 229 235 241	#E5EBF1
16.7%	16.7% #D6E2E8	RGB 214 226 232	#D6E2E8
33.3%	33.3% #C8D9DF	RGB 200 217 223	#C8D9DF
50.0%	50.0% #B9D0D7	RGB 185 208 215	#B9D0D7
66.7%	66.7% #ABC7CE	RGB 171 199 206	#ABC7CE
83.3%	83.3% #9CBEC5	RGB 156 190 197	#9CBEC5
100.0%	100.0% #8EB5BD	RGB 142 181 189	#8EB5BD

#E5EBF1 #D6E2E8 #C8D9DF #B9D0D7 #ABC7CE #9CBEC5 #8EB5BD

#E5EBF1 - #8EB5BD

Mezcla HSV

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

0.0%	0.0% #E5EBF1	RGB 229 235 241	#E5EBF1
16.7%	16.7% #D5DFE8	RGB 213 223 232	#D5DFE8
33.3%	33.3% #C5D5DF	RGB 197 213 223	#C5D5DF
50.0%	50.0% #B6CCD7	RGB 182 204 215	#B6CCD7
66.7%	66.7% #A8C3CE	RGB 168 195 206	#A8C3CE
83.3%	83.3% #9BBCC5	RGB 155 188 197	#9BBCC5
100.0%	100.0% #8EB5BD	RGB 142 181 189	#8EB5BD

#E5EBF1 #D5DFE8 #C5D5DF #B6CCD7 #A8C3CE #9BBCC5 #8EB5BD

#E5EBF1 - #B6CCD7 - #8EB5BD

Códigos CSS

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

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