#E5EAF8 - #8EA9C7 | 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 #E5EAF8 a #8EA9C7

#E5EAF8 #8EA9C7

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

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

0.0%	0.0% #E5EAF8	RGB 229 234 248	#E5EAF8
16.7%	16.7% #D6DFEF	RGB 214 223 239	#D6DFEF
33.3%	33.3% #C8D4E7	RGB 200 212 231	#C8D4E7
50.0%	50.0% #B9C9DF	RGB 185 201 223	#B9C9DF
66.7%	66.7% #ABBED7	RGB 171 190 215	#ABBED7
83.3%	83.3% #9CB3CF	RGB 156 179 207	#9CB3CF
100.0%	100.0% #8EA9C7	RGB 142 169 199	#8EA9C7

#E5EAF8 #D6DFEF #C8D4E7 #B9C9DF #ABBED7 #9CB3CF #8EA9C7

#E5EAF8 - #8EA9C7

Mezcla HSV

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

0.0%	0.0% #E5EAF8	RGB 229 234 248	#E5EAF8
16.7%	16.7% #D5DDEF	RGB 213 221 239	#D5DDEF
33.3%	33.3% #C5D1E7	RGB 197 209 231	#C5D1E7
50.0%	50.0% #B6C5DF	RGB 182 197 223	#B6C5DF
66.7%	66.7% #A8BBD7	RGB 168 187 215	#A8BBD7
83.3%	83.3% #9BB1CF	RGB 155 177 207	#9BB1CF
100.0%	100.0% #8EA9C7	RGB 142 169 199	#8EA9C7

#E5EAF8 #D5DDEF #C5D1E7 #B6C5DF #A8BBD7 #9BB1CF #8EA9C7

#E5EAF8 - #B6C5DF - #8EA9C7

Códigos CSS

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

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