#B5C3C2 - #5E7A7B | 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 #B5C3C2 à #5E7A7B

#B5C3C2 #5E7A7B

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

#B5C3C2 - #5E7A7B | 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 #B5C3C2 0% et #5E7A7B 100%.

0.0%	0.0% #B5C3C2	RVB 181 195 194	#B5C3C2
16.7%	16.7% #A6B6B6	RVB 166 182 182	#A6B6B6
33.3%	33.3% #98AAAA	RVB 152 170 170	#98AAAA
50.0%	50.0% #899E9E	RVB 137 158 158	#899E9E
66.7%	66.7% #7B9292	RVB 123 146 146	#7B9292
83.3%	83.3% #6C8686	RVB 108 134 134	#6C8686
100.0%	100.0% #5E7A7B	RVB 94 122 123	#5E7A7B

#B5C3C2 #A6B6B6 #98AAAA #899E9E #7B9292 #6C8686 #5E7A7B

#B5C3C2 - #5E7A7B

Mélange HSV

#B5C3C2 - #5E7A7B | 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 #B5C3C2 0% et #5E7A7B 100%.

0.0%	0.0% #B5C3C2	RVB 181 195 194	#B5C3C2
16.7%	16.7% #A4B7B6	RVB 164 183 182	#A4B7B6
33.3%	33.3% #95ABAA	RVB 149 171 170	#95ABAA
50.0%	50.0% #869F9E	RVB 134 159 158	#869F9E
66.7%	66.7% #789392	RVB 120 147 146	#789392
83.3%	83.3% #6A8687	RVB 106 134 135	#6A8687
100.0%	100.0% #5E7A7B	RVB 94 122 123	#5E7A7B

#B5C3C2 #A4B7B6 #95ABAA #869F9E #789392 #6A8687 #5E7A7B

#B5C3C2 - #869F9E - #5E7A7B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C3C2 0%, #869F9E 50%, #5E7A7B 100%);
    background: -webkit-linear-gradient(top, #B5C3C2 0%, #869F9E 50%, #5E7A7B 100%);
    background: linear-gradient(to bottom, #B5C3C2 0%, #869F9E 50%, #5E7A7B 100%);
}
</style>