#5EAFAD - #B7CCF7 | 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 #5EAFAD à #B7CCF7

#5EAFAD #B7CCF7

Calculez la couleur entre deux couleurs, #5EAFAD et #B7CCF7. 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)

#5EAFAD - #B7CCF7 | 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 #5EAFAD 0% et #B7CCF7 100%.

0.0%	0.0% #5EAFAD	RVB 94 175 173	#5EAFAD
16.7%	16.7% #6CB3B9	RVB 108 179 185	#6CB3B9
33.3%	33.3% #7BB8C5	RVB 123 184 197	#7BB8C5
50.0%	50.0% #8ABDD2	RVB 138 189 210	#8ABDD2
66.7%	66.7% #99C2DE	RVB 153 194 222	#99C2DE
83.3%	83.3% #A8C7EA	RVB 168 199 234	#A8C7EA
100.0%	100.0% #B7CCF7	RVB 183 204 247	#B7CCF7

#5EAFAD #6CB3B9 #7BB8C5 #8ABDD2 #99C2DE #A8C7EA #B7CCF7

#5EAFAD - #B7CCF7

Mélange HSV

#5EAFAD - #B7CCF7 | 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 #5EAFAD 0% et #B7CCF7 100%.

0.0%	0.0% #5EAFAD	RVB 94 175 173	#5EAFAD
16.7%	16.7% #6AB3BB	RVB 106 179 187	#6AB3BB
33.3%	33.3% #78B6C7	RVB 120 182 199	#78B6C7
50.0%	50.0% #86BAD3	RVB 134 186 211	#86BAD3
66.7%	66.7% #96BEDF	RVB 150 190 223	#96BEDF
83.3%	83.3% #A6C4EB	RVB 166 196 235	#A6C4EB
100.0%	100.0% #B7CCF7	RVB 183 204 247	#B7CCF7

#5EAFAD #6AB3BB #78B6C7 #86BAD3 #96BEDF #A6C4EB #B7CCF7

#5EAFAD - #86BAD3 - #B7CCF7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAFAD 0%, #86BAD3 50%, #B7CCF7 100%);
    background: -webkit-linear-gradient(top, #5EAFAD 0%, #86BAD3 50%, #B7CCF7 100%);
    background: linear-gradient(to bottom, #5EAFAD 0%, #86BAD3 50%, #B7CCF7 100%);
}
</style>