#B8C9DF - #5E7BA6 | 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 #B8C9DF à #5E7BA6

#B8C9DF #5E7BA6

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

#B8C9DF - #5E7BA6 | 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 #B8C9DF 0% et #5E7BA6 100%.

0.0%	0.0% #B8C9DF	RVB 184 201 223	#B8C9DF
16.7%	16.7% #A9BCD5	RVB 169 188 213	#A9BCD5
33.3%	33.3% #9AAFCC	RVB 154 175 204	#9AAFCC
50.0%	50.0% #8BA2C2	RVB 139 162 194	#8BA2C2
66.7%	66.7% #7C95B9	RVB 124 149 185	#7C95B9
83.3%	83.3% #6D88AF	RVB 109 136 175	#6D88AF
100.0%	100.0% #5E7BA6	RVB 94 123 166	#5E7BA6

#B8C9DF #A9BCD5 #9AAFCC #8BA2C2 #7C95B9 #6D88AF #5E7BA6

#B8C9DF - #5E7BA6

Mélange HSV

#B8C9DF - #5E7BA6 | 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 #B8C9DF 0% et #5E7BA6 100%.

0.0%	0.0% #B8C9DF	RVB 184 201 223	#B8C9DF
16.7%	16.7% #A6BAD5	RVB 166 186 213	#A6BAD5
33.3%	33.3% #96ADCC	RVB 150 173 204	#96ADCC
50.0%	50.0% #87A0C2	RVB 135 160 194	#87A0C2
66.7%	66.7% #7893B9	RVB 120 147 185	#7893B9
83.3%	83.3% #6A86AF	RVB 106 134 175	#6A86AF
100.0%	100.0% #5E7BA6	RVB 94 123 166	#5E7BA6

#B8C9DF #A6BAD5 #96ADCC #87A0C2 #7893B9 #6A86AF #5E7BA6

#B8C9DF - #87A0C2 - #5E7BA6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C9DF 0%, #87A0C2 50%, #5E7BA6 100%);
    background: -webkit-linear-gradient(top, #B8C9DF 0%, #87A0C2 50%, #5E7BA6 100%);
    background: linear-gradient(to bottom, #B8C9DF 0%, #87A0C2 50%, #5E7BA6 100%);
}
</style>