#5E97DA - #B6D0DF | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #5E97DA à #B6D0DF

#5E97DA #B6D0DF

Calculez la couleur entre deux couleurs, #5E97DA et #B6D0DF. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#5E97DA - #B6D0DF | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #5E97DA 0% et #B6D0DF 100%.

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

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

#5E97DA - #B6D0DF

Mélange HSV

#5E97DA - #B6D0DF | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #5E97DA 0% et #B6D0DF 100%.

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

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

#5E97DA - #89B6DC - #B6D0DF

Codes 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>