#5EBAFF - #BCDEE9 | 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 #5EBAFF a #BCDEE9

#5EBAFF #BCDEE9

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

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

0.0%	0.0% #5EBAFF	RGB 94 186 255	#5EBAFF
16.7%	16.7% #6DC0FB	RGB 109 192 251	#6DC0FB
33.3%	33.3% #7DC6F7	RGB 125 198 247	#7DC6F7
50.0%	50.0% #8DCCF4	RGB 141 204 244	#8DCCF4
66.7%	66.7% #9CD2F0	RGB 156 210 240	#9CD2F0
83.3%	83.3% #ACD8EC	RGB 172 216 236	#ACD8EC
100.0%	100.0% #BCDEE9	RGB 188 222 233	#BCDEE9

#5EBAFF #6DC0FB #7DC6F7 #8DCCF4 #9CD2F0 #ACD8EC #BCDEE9

#5EBAFF - #BCDEE9

Mezcla HSV

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

0.0%	0.0% #5DB9FF	RGB 93 185 255	#5DB9FF
16.7%	16.7% #6FC3FB	RGB 111 195 251	#6FC3FB
33.3%	33.3% #7FCBF7	RGB 127 203 247	#7FCBF7
50.0%	50.0% #8FD2F4	RGB 143 210 244	#8FD2F4
66.7%	66.7% #9ED7F0	RGB 158 215 240	#9ED7F0
83.3%	83.3% #ADDBEC	RGB 173 219 236	#ADDBEC
100.0%	100.0% #BCDEE9	RGB 188 222 233	#BCDEE9

#5DB9FF #6FC3FB #7FCBF7 #8FD2F4 #9ED7F0 #ADDBEC #BCDEE9

#5EBAFF - #8FD2F4 - #BCDEE9

Códigos CSS

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

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