#BAB9AF - #8F7E5A | 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 #BAB9AF à #8F7E5A

#BAB9AF #8F7E5A

Calculez la couleur entre deux couleurs, #BAB9AF et #8F7E5A. 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)

#BAB9AF - #8F7E5A | 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 #BAB9AF 0% et #8F7E5A 100%.

0.0%	0.0% #BAB9AF	RVB 186 185 175	#BAB9AF
16.7%	16.7% #B2AFA0	RVB 178 175 160	#B2AFA0
33.3%	33.3% #ABA592	RVB 171 165 146	#ABA592
50.0%	50.0% #A49B84	RVB 164 155 132	#A49B84
66.7%	66.7% #9D9176	RVB 157 145 118	#9D9176
83.3%	83.3% #968768	RVB 150 135 104	#968768
100.0%	100.0% #8F7E5A	RVB 143 126 90	#8F7E5A

#BAB9AF #B2AFA0 #ABA592 #A49B84 #9D9176 #968768 #8F7E5A

#BAB9AF - #8F7E5A

Mélange HSV

#BAB9AF - #8F7E5A | 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 #BAB9AF 0% et #8F7E5A 100%.

0.0%	0.0% #BAB9AF	RVB 186 185 175	#BAB9AF
16.7%	16.7% #B2B09E	RVB 178 176 158	#B2B09E
33.3%	33.3% #ABA68F	RVB 171 166 143	#ABA68F
50.0%	50.0% #A49D81	RVB 164 157 129	#A49D81
66.7%	66.7% #9D9373	RVB 157 147 115	#9D9373
83.3%	83.3% #968866	RVB 150 136 102	#968866
100.0%	100.0% #8F7E5A	RVB 143 126 90	#8F7E5A

#BAB9AF #B2B09E #ABA68F #A49D81 #9D9373 #968866 #8F7E5A

#BAB9AF - #A49D81 - #8F7E5A

Codes CSS

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

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