#BFBFBF - #A7756D | 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 #BFBFBF à #A7756D

#BFBFBF #A7756D

Calculez la couleur entre deux couleurs, #BFBFBF et #A7756D. 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)

#BFBFBF - #A7756D | 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 #BFBFBF 0% et #A7756D 100%.

0.0%	0.0% #BFBFBF	RVB 191 191 191	#BFBFBF
16.7%	16.7% #BBB2B1	RVB 187 178 177	#BBB2B1
33.3%	33.3% #B7A6A3	RVB 183 166 163	#B7A6A3
50.0%	50.0% #B39A96	RVB 179 154 150	#B39A96
66.7%	66.7% #AF8D88	RVB 175 141 136	#AF8D88
83.3%	83.3% #AB817A	RVB 171 129 122	#AB817A
100.0%	100.0% #A7756D	RVB 167 117 109	#A7756D

#BFBFBF #BBB2B1 #B7A6A3 #B39A96 #AF8D88 #AB817A #A7756D

#BFBFBF - #A7756D

Mélange HSV

#BFBFBF - #A7756D | 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 #BFBFBF 0% et #A7756D 100%.

0.0%	0.0% #BFBFBF	RVB 191 191 191	#BFBFBF
16.7%	16.7% #BBB0B0	RVB 187 176 176	#BBB0B0
33.3%	33.3% #B7A2A1	RVB 183 162 161	#B7A2A1
50.0%	50.0% #B39693	RVB 179 150 147	#B39693
66.7%	66.7% #AF8A86	RVB 175 138 134	#AF8A86
83.3%	83.3% #AB7F79	RVB 171 127 121	#AB7F79
100.0%	100.0% #A7756D	RVB 167 117 109	#A7756D

#BFBFBF #BBB0B0 #B7A2A1 #B39693 #AF8A86 #AB7F79 #A7756D

#BFBFBF - #B39693 - #A7756D

Codes CSS

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

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