#E3EAF4 - #8FA8C2 | 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 #E3EAF4 a #8FA8C2

#E3EAF4 #8FA8C2

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

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

0.0%	0.0% #E3EAF4	RGB 227 234 244	#E3EAF4
16.7%	16.7% #D5DFEB	RGB 213 223 235	#D5DFEB
33.3%	33.3% #C7D4E3	RGB 199 212 227	#C7D4E3
50.0%	50.0% #B9C9DB	RGB 185 201 219	#B9C9DB
66.7%	66.7% #ABBED2	RGB 171 190 210	#ABBED2
83.3%	83.3% #9DB3CA	RGB 157 179 202	#9DB3CA
100.0%	100.0% #8FA8C2	RGB 143 168 194	#8FA8C2

#E3EAF4 #D5DFEB #C7D4E3 #B9C9DB #ABBED2 #9DB3CA #8FA8C2

#E3EAF4 - #8FA8C2

Mezcla HSV

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

0.0%	0.0% #E3EAF4	RGB 227 234 244	#E3EAF4
16.7%	16.7% #D3DDEB	RGB 211 221 235	#D3DDEB
33.3%	33.3% #C4D2E3	RGB 196 210 227	#C4D2E3
50.0%	50.0% #B6C7DB	RGB 182 199 219	#B6C7DB
66.7%	66.7% #A8BCD2	RGB 168 188 210	#A8BCD2
83.3%	83.3% #9BB1CA	RGB 155 177 202	#9BB1CA
100.0%	100.0% #8FA8C2	RGB 143 168 194	#8FA8C2

#E3EAF4 #D3DDEB #C4D2E3 #B6C7DB #A8BCD2 #9BB1CA #8FA8C2

#E3EAF4 - #B6C7DB - #8FA8C2

Códigos CSS

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

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