#ABABA7 - #7E7051 | 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 #ABABA7 à #7E7051

#ABABA7 #7E7051

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

#ABABA7 - #7E7051 | 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 #ABABA7 0% et #7E7051 100%.

0.0%	0.0% #ABABA7	RVB 171 171 167	#ABABA7
16.7%	16.7% #A3A198	RVB 163 161 152	#A3A198
33.3%	33.3% #9C978A	RVB 156 151 138	#9C978A
50.0%	50.0% #948D7C	RVB 148 141 124	#948D7C
66.7%	66.7% #8D836D	RVB 141 131 109	#8D836D
83.3%	83.3% #85795F	RVB 133 121 95	#85795F
100.0%	100.0% #7E7051	RVB 126 112 81	#7E7051

#ABABA7 #A3A198 #9C978A #948D7C #8D836D #85795F #7E7051

#ABABA7 - #7E7051

Mélange HSV

#ABABA7 - #7E7051 | 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 #ABABA7 0% et #7E7051 100%.

0.0%	0.0% #ABABA7	RVB 171 171 167	#ABABA7
16.7%	16.7% #A3A296	RVB 163 162 150	#A3A296
33.3%	33.3% #9C9986	RVB 156 153 134	#9C9986
50.0%	50.0% #949078	RVB 148 144 120	#949078
66.7%	66.7% #8D856A	RVB 141 133 106	#8D856A
83.3%	83.3% #857B5D	RVB 133 123 93	#857B5D
100.0%	100.0% #7E7051	RVB 126 112 81	#7E7051

#ABABA7 #A3A296 #9C9986 #949078 #8D856A #857B5D #7E7051

#ABABA7 - #949078 - #7E7051

Codes CSS

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

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