#5EB6FF - #B8DCEB | 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 #5EB6FF a #B8DCEB

#5EB6FF #B8DCEB

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

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

0.0%	0.0% #5EB6FF	RGB 94 182 255	#5EB6FF
16.7%	16.7% #6DBCFB	RGB 109 188 251	#6DBCFB
33.3%	33.3% #7CC2F8	RGB 124 194 248	#7CC2F8
50.0%	50.0% #8BC9F5	RGB 139 201 245	#8BC9F5
66.7%	66.7% #9ACFF1	RGB 154 207 241	#9ACFF1
83.3%	83.3% #A9D5EE	RGB 169 213 238	#A9D5EE
100.0%	100.0% #B8DCEB	RGB 184 220 235	#B8DCEB

#5EB6FF #6DBCFB #7CC2F8 #8BC9F5 #9ACFF1 #A9D5EE #B8DCEB

#5EB6FF - #B8DCEB

Mezcla HSV

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

0.0%	0.0% #5DB6FF	RGB 93 182 255	#5DB6FF
16.7%	16.7% #6EBFFB	RGB 110 191 251	#6EBFFB
33.3%	33.3% #7DC7F8	RGB 125 199 248	#7DC7F8
50.0%	50.0% #8DCEF5	RGB 141 206 245	#8DCEF5
66.7%	66.7% #9BD3F1	RGB 155 211 241	#9BD3F1
83.3%	83.3% #AAD8EE	RGB 170 216 238	#AAD8EE
100.0%	100.0% #B8DCEB	RGB 184 220 235	#B8DCEB

#5DB6FF #6EBFFB #7DC7F8 #8DCEF5 #9BD3F1 #AAD8EE #B8DCEB

#5EB6FF - #8DCEF5 - #B8DCEB

Códigos CSS

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

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