#5D5E55 - #BFAA7E | 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 #5D5E55 à #BFAA7E

#5D5E55 #BFAA7E

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

#5D5E55 - #BFAA7E | 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 #5D5E55 0% et #BFAA7E 100%.

0.0%	0.0% #5D5E55	RVB 93 94 85	#5D5E55
16.7%	16.7% #6D6A5B	RVB 109 106 91	#6D6A5B
33.3%	33.3% #7D7762	RVB 125 119 98	#7D7762
50.0%	50.0% #8E8469	RVB 142 132 105	#8E8469
66.7%	66.7% #9E9070	RVB 158 144 112	#9E9070
83.3%	83.3% #AE9D77	RVB 174 157 119	#AE9D77
100.0%	100.0% #BFAA7E	RVB 191 170 126	#BFAA7E

#5D5E55 #6D6A5B #7D7762 #8E8469 #9E9070 #AE9D77 #BFAA7E

#5D5E55 - #BFAA7E

Mélange HSV

#5D5E55 - #BFAA7E | 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 #5D5E55 0% et #BFAA7E 100%.

0.0%	0.0% #5D5E55	RVB 93 94 85	#5D5E55
16.7%	16.7% #6D6E5F	RVB 109 110 95	#6D6E5F
33.3%	33.3% #7E7D67	RVB 126 125 103	#7E7D67
50.0%	50.0% #8E8B6F	RVB 142 139 111	#8E8B6F
66.7%	66.7% #9E9775	RVB 158 151 117	#9E9775
83.3%	83.3% #AEA17A	RVB 174 161 122	#AEA17A
100.0%	100.0% #BFAA7E	RVB 191 170 126	#BFAA7E

#5D5E55 #6D6E5F #7E7D67 #8E8B6F #9E9775 #AEA17A #BFAA7E

#5D5E55 - #8E8B6F - #BFAA7E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E55 0%, #8E8B6F 50%, #BFAA7E 100%);
    background: -webkit-linear-gradient(top, #5D5E55 0%, #8E8B6F 50%, #BFAA7E 100%);
    background: linear-gradient(to bottom, #5D5E55 0%, #8E8B6F 50%, #BFAA7E 100%);
}
</style>