#5E97DA - #B6D0DF | 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 #5E97DA a #B6D0DF

#5E97DA #B6D0DF

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

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

0.0%	0.0% #5E97DA	RGB 94 151 218	#5E97DA
16.7%	16.7% #6CA0DA	RGB 108 160 218	#6CA0DA
33.3%	33.3% #7BAADB	RGB 123 170 219	#7BAADB
50.0%	50.0% #8AB3DC	RGB 138 179 220	#8AB3DC
66.7%	66.7% #98BDDD	RGB 152 189 221	#98BDDD
83.3%	83.3% #A7C6DE	RGB 167 198 222	#A7C6DE
100.0%	100.0% #B6D0DF	RGB 182 208 223	#B6D0DF

#5E97DA #6CA0DA #7BAADB #8AB3DC #98BDDD #A7C6DE #B6D0DF

#5E97DA - #B6D0DF

Mezcla HSV

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

0.0%	0.0% #5E96DA	RGB 94 150 218	#5E96DA
16.7%	16.7% #6CA2DA	RGB 108 162 218	#6CA2DA
33.3%	33.3% #7AADDB	RGB 122 173 219	#7AADDB
50.0%	50.0% #89B6DC	RGB 137 182 220	#89B6DC
66.7%	66.7% #98C0DD	RGB 152 192 221	#98C0DD
83.3%	83.3% #A7C8DE	RGB 167 200 222	#A7C8DE
100.0%	100.0% #B6D0DF	RGB 182 208 223	#B6D0DF

#5E96DA #6CA2DA #7AADDB #89B6DC #98C0DD #A7C8DE #B6D0DF

#5E97DA - #89B6DC - #B6D0DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E96DA 0%, #89B6DC 50%, #B6D0DF 100%);
    background: -webkit-linear-gradient(top, #5E96DA 0%, #89B6DC 50%, #B6D0DF 100%);
    background: linear-gradient(to bottom, #5E96DA 0%, #89B6DC 50%, #B6D0DF 100%);
}
</style>