#5E8FEC - #D1DFF9 | 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 #5E8FEC a #D1DFF9

#5E8FEC #D1DFF9

Calcule el color entre dos colores, #5E8FEC y #D1DFF9. 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)

#5E8FEC - #D1DFF9 | 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 #5E8FEC como 0% y #D1DFF9 como 100%.

0.0%	0.0% #5E8FEC	RGB 94 143 236	#5E8FEC
16.7%	16.7% #719CEE	RGB 113 156 238	#719CEE
33.3%	33.3% #84A9F0	RGB 132 169 240	#84A9F0
50.0%	50.0% #97B7F2	RGB 151 183 242	#97B7F2
66.7%	66.7% #AAC4F4	RGB 170 196 244	#AAC4F4
83.3%	83.3% #BDD1F6	RGB 189 209 246	#BDD1F6
100.0%	100.0% #D1DFF9	RGB 209 223 249	#D1DFF9

#5E8FEC #719CEE #84A9F0 #97B7F2 #AAC4F4 #BDD1F6 #D1DFF9

#5E8FEC - #D1DFF9

Mezcla HSV

#5E8FEC - #D1DFF9 | 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 #5E8FEC como 0% y #D1DFF9 como 100%.

0.0%	0.0% #5E8EEC	RGB 94 142 236	#5E8EEC
16.7%	16.7% #709BEE	RGB 112 155 238	#709BEE
33.3%	33.3% #83A8F0	RGB 131 168 240	#83A8F0
50.0%	50.0% #96B6F2	RGB 150 182 242	#96B6F2
66.7%	66.7% #A9C3F4	RGB 169 195 244	#A9C3F4
83.3%	83.3% #BDD1F6	RGB 189 209 246	#BDD1F6
100.0%	100.0% #D1DFF9	RGB 209 223 249	#D1DFF9

#5E8EEC #709BEE #83A8F0 #96B6F2 #A9C3F4 #BDD1F6 #D1DFF9

#5E8FEC - #96B6F2 - #D1DFF9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8EEC 0%, #96B6F2 50%, #D1DFF9 100%);
    background: -webkit-linear-gradient(top, #5E8EEC 0%, #96B6F2 50%, #D1DFF9 100%);
    background: linear-gradient(to bottom, #5E8EEC 0%, #96B6F2 50%, #D1DFF9 100%);
}
</style>