#B5B6AF - #737C59 | 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 #B5B6AF à #737C59

#B5B6AF #737C59

Calculez la couleur entre deux couleurs, #B5B6AF et #737C59. 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)

#B5B6AF - #737C59 | 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 #B5B6AF 0% et #737C59 100%.

0.0%	0.0% #B5B6AF	RVB 181 182 175	#B5B6AF
16.7%	16.7% #AAACA0	RVB 170 172 160	#AAACA0
33.3%	33.3% #9FA292	RVB 159 162 146	#9FA292
50.0%	50.0% #949984	RVB 148 153 132	#949984
66.7%	66.7% #898F75	RVB 137 143 117	#898F75
83.3%	83.3% #7E8567	RVB 126 133 103	#7E8567
100.0%	100.0% #737C59	RVB 115 124 89	#737C59

#B5B6AF #AAACA0 #9FA292 #949984 #898F75 #7E8567 #737C59

#B5B6AF - #737C59

Mélange HSV

#B5B6AF - #737C59 | 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 #B5B6AF 0% et #737C59 100%.

0.0%	0.0% #B5B6AF	RVB 181 182 175	#B5B6AF
16.7%	16.7% #AAAC9E	RVB 170 172 158	#AAAC9E
33.3%	33.3% #9FA28F	RVB 159 162 143	#9FA28F
50.0%	50.0% #949980	RVB 148 153 128	#949980
66.7%	66.7% #898F72	RVB 137 143 114	#898F72
83.3%	83.3% #7D8565	RVB 125 133 101	#7D8565
100.0%	100.0% #737C59	RVB 115 124 89	#737C59

#B5B6AF #AAAC9E #9FA28F #949980 #898F72 #7D8565 #737C59

#B5B6AF - #949980 - #737C59

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B6AF 0%, #949980 50%, #737C59 100%);
    background: -webkit-linear-gradient(top, #B5B6AF 0%, #949980 50%, #737C59 100%);
    background: linear-gradient(to bottom, #B5B6AF 0%, #949980 50%, #737C59 100%);
}
</style>