#ADAFA2 - #8A8C4C | 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 #ADAFA2 à #8A8C4C

#ADAFA2 #8A8C4C

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

#ADAFA2 - #8A8C4C | 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 #ADAFA2 0% et #8A8C4C 100%.

0.0%	0.0% #ADAFA2	RVB 173 175 162	#ADAFA2
16.7%	16.7% #A7A993	RVB 167 169 147	#A7A993
33.3%	33.3% #A1A385	RVB 161 163 133	#A1A385
50.0%	50.0% #9B9D77	RVB 155 157 119	#9B9D77
66.7%	66.7% #959768	RVB 149 151 104	#959768
83.3%	83.3% #8F915A	RVB 143 145 90	#8F915A
100.0%	100.0% #8A8C4C	RVB 138 140 76	#8A8C4C

#ADAFA2 #A7A993 #A1A385 #9B9D77 #959768 #8F915A #8A8C4C

#ADAFA2 - #8A8C4C

Mélange HSV

#ADAFA2 - #8A8C4C | 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 #ADAFA2 0% et #8A8C4C 100%.

0.0%	0.0% #ADAFA2	RVB 173 175 162	#ADAFA2
16.7%	16.7% #A6A991	RVB 166 169 145	#A6A991
33.3%	33.3% #9FA382	RVB 159 163 130	#9FA382
50.0%	50.0% #999D73	RVB 153 157 115	#999D73
66.7%	66.7% #949765	RVB 148 151 101	#949765
83.3%	83.3% #8E9158	RVB 142 145 88	#8E9158
100.0%	100.0% #8A8C4C	RVB 138 140 76	#8A8C4C

#ADAFA2 #A6A991 #9FA382 #999D73 #949765 #8E9158 #8A8C4C

#ADAFA2 - #999D73 - #8A8C4C

Codes CSS

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

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