#E3EAF3 - #8FA7C0 | 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 #E3EAF3 a #8FA7C0

#E3EAF3 #8FA7C0

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

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

0.0%	0.0% #E3EAF3	RGB 227 234 243	#E3EAF3
16.7%	16.7% #D5DEEA	RGB 213 222 234	#D5DEEA
33.3%	33.3% #C7D3E2	RGB 199 211 226	#C7D3E2
50.0%	50.0% #B9C8D9	RGB 185 200 217	#B9C8D9
66.7%	66.7% #ABBDD1	RGB 171 189 209	#ABBDD1
83.3%	83.3% #9DB2C8	RGB 157 178 200	#9DB2C8
100.0%	100.0% #8FA7C0	RGB 143 167 192	#8FA7C0

#E3EAF3 #D5DEEA #C7D3E2 #B9C8D9 #ABBDD1 #9DB2C8 #8FA7C0

#E3EAF3 - #8FA7C0

Mezcla HSV

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

0.0%	0.0% #E3EAF3	RGB 227 234 243	#E3EAF3
16.7%	16.7% #D3DDEA	RGB 211 221 234	#D3DDEA
33.3%	33.3% #C4D2E2	RGB 196 210 226	#C4D2E2
50.0%	50.0% #B6C6D9	RGB 182 198 217	#B6C6D9
66.7%	66.7% #A8BBD1	RGB 168 187 209	#A8BBD1
83.3%	83.3% #9BB1C8	RGB 155 177 200	#9BB1C8
100.0%	100.0% #8FA7C0	RGB 143 167 192	#8FA7C0

#E3EAF3 #D3DDEA #C4D2E2 #B6C6D9 #A8BBD1 #9BB1C8 #8FA7C0

#E3EAF3 - #B6C6D9 - #8FA7C0

Códigos CSS

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

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