#8C9FAC - #DEE3E7 | 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 #8C9FAC a #DEE3E7

#8C9FAC #DEE3E7

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

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

0.0%	0.0% #8C9FAC	RGB 140 159 172	#8C9FAC
16.7%	16.7% #99AAB5	RGB 153 170 181	#99AAB5
33.3%	33.3% #A7B5BF	RGB 167 181 191	#A7B5BF
50.0%	50.0% #B5C1C9	RGB 181 193 201	#B5C1C9
66.7%	66.7% #C2CCD3	RGB 194 204 211	#C2CCD3
83.3%	83.3% #D0D7DD	RGB 208 215 221	#D0D7DD
100.0%	100.0% #DEE3E7	RGB 222 227 231	#DEE3E7

#8C9FAC #99AAB5 #A7B5BF #B5C1C9 #C2CCD3 #D0D7DD #DEE3E7

#8C9FAC - #DEE3E7

Mezcla HSV

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

0.0%	0.0% #8C9FAC	RGB 140 159 172	#8C9FAC
16.7%	16.7% #98A9B5	RGB 152 169 181	#98A9B5
33.3%	33.3% #A5B4BF	RGB 165 180 191	#A5B4BF
50.0%	50.0% #B2BFC9	RGB 178 191 201	#B2BFC9
66.7%	66.7% #C0CBD3	RGB 192 203 211	#C0CBD3
83.3%	83.3% #CFD7DD	RGB 207 215 221	#CFD7DD
100.0%	100.0% #DEE3E7	RGB 222 227 231	#DEE3E7

#8C9FAC #98A9B5 #A5B4BF #B2BFC9 #C0CBD3 #CFD7DD #DEE3E7

#8C9FAC - #B2BFC9 - #DEE3E7

Códigos CSS

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

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