#B5EAF8 - #5BA7CF | 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 #B5EAF8 à #5BA7CF

#B5EAF8 #5BA7CF

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

#B5EAF8 - #5BA7CF | 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 #B5EAF8 0% et #5BA7CF 100%.

0.0%	0.0% #B5EAF8	RVB 181 234 248	#B5EAF8
16.7%	16.7% #A6DEF1	RVB 166 222 241	#A6DEF1
33.3%	33.3% #97D3EA	RVB 151 211 234	#97D3EA
50.0%	50.0% #88C8E3	RVB 136 200 227	#88C8E3
66.7%	66.7% #79BDDC	RVB 121 189 220	#79BDDC
83.3%	83.3% #6AB2D5	RVB 106 178 213	#6AB2D5
100.0%	100.0% #5BA7CF	RVB 91 167 207	#5BA7CF

#B5EAF8 #A6DEF1 #97D3EA #88C8E3 #79BDDC #6AB2D5 #5BA7CF

#B5EAF8 - #5BA7CF

Mélange HSV

#B5EAF8 - #5BA7CF | 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 #B5EAF8 0% et #5BA7CF 100%.

0.0%	0.0% #B5EAF8	RVB 181 234 248	#B5EAF8
16.7%	16.7% #A4DFF1	RVB 164 223 241	#A4DFF1
33.3%	33.3% #94D4EA	RVB 148 212 234	#94D4EA
50.0%	50.0% #85C9E3	RVB 133 201 227	#85C9E3
66.7%	66.7% #76BEDC	RVB 118 190 220	#76BEDC
83.3%	83.3% #68B2D5	RVB 104 178 213	#68B2D5
100.0%	100.0% #5BA7CF	RVB 91 167 207	#5BA7CF

#B5EAF8 #A4DFF1 #94D4EA #85C9E3 #76BEDC #68B2D5 #5BA7CF

#B5EAF8 - #85C9E3 - #5BA7CF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EAF8 0%, #85C9E3 50%, #5BA7CF 100%);
    background: -webkit-linear-gradient(top, #B5EAF8 0%, #85C9E3 50%, #5BA7CF 100%);
    background: linear-gradient(to bottom, #B5EAF8 0%, #85C9E3 50%, #5BA7CF 100%);
}
</style>