#ABABA4 - #7E714E | 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 #ABABA4 à #7E714E

#ABABA4 #7E714E

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

#ABABA4 - #7E714E | 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 #ABABA4 0% et #7E714E 100%.

0.0%	0.0% #ABABA4	RVB 171 171 164	#ABABA4
16.7%	16.7% #A3A195	RVB 163 161 149	#A3A195
33.3%	33.3% #9C9787	RVB 156 151 135	#9C9787
50.0%	50.0% #948E79	RVB 148 142 121	#948E79
66.7%	66.7% #8D846A	RVB 141 132 106	#8D846A
83.3%	83.3% #857A5C	RVB 133 122 92	#857A5C
100.0%	100.0% #7E714E	RVB 126 113 78	#7E714E

#ABABA4 #A3A195 #9C9787 #948E79 #8D846A #857A5C #7E714E

#ABABA4 - #7E714E

Mélange HSV

#ABABA4 - #7E714E | 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 #ABABA4 0% et #7E714E 100%.

0.0%	0.0% #ABABA4	RVB 171 171 164	#ABABA4
16.7%	16.7% #A3A293	RVB 163 162 147	#A3A293
33.3%	33.3% #9C9983	RVB 156 153 131	#9C9983
50.0%	50.0% #949075	RVB 148 144 117	#949075
66.7%	66.7% #8D8667	RVB 141 134 103	#8D8667
83.3%	83.3% #857B5A	RVB 133 123 90	#857B5A
100.0%	100.0% #7E714E	RVB 126 113 78	#7E714E

#ABABA4 #A3A293 #9C9983 #949075 #8D8667 #857B5A #7E714E

#ABABA4 - #949075 - #7E714E

Codes CSS

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

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