#E7E6E6 - #AE9A8C | 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 #E7E6E6 à #AE9A8C

#E7E6E6 #AE9A8C

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

#E7E6E6 - #AE9A8C | 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 #E7E6E6 0% et #AE9A8C 100%.

0.0%	0.0% #E7E6E6	RVB 231 230 230	#E7E6E6
16.7%	16.7% #DDD9D7	RVB 221 217 215	#DDD9D7
33.3%	33.3% #D4CCC8	RVB 212 204 200	#D4CCC8
50.0%	50.0% #CAC0B9	RVB 202 192 185	#CAC0B9
66.7%	66.7% #C1B3AA	RVB 193 179 170	#C1B3AA
83.3%	83.3% #B7A69B	RVB 183 166 155	#B7A69B
100.0%	100.0% #AE9A8C	RVB 174 154 140	#AE9A8C

#E7E6E6 #DDD9D7 #D4CCC8 #CAC0B9 #C1B3AA #B7A69B #AE9A8C

#E7E6E6 - #AE9A8C

Mélange HSV

#E7E6E6 - #AE9A8C | 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 #E7E6E6 0% et #AE9A8C 100%.

0.0%	0.0% #E7E6E6	RVB 231 230 230	#E7E6E6
16.7%	16.7% #DDD6D5	RVB 221 214 213	#DDD6D5
33.3%	33.3% #D4C7C5	RVB 212 199 197	#D4C7C5
50.0%	50.0% #CABAB6	RVB 202 186 182	#CABAB6
66.7%	66.7% #C1AEA7	RVB 193 174 167	#C1AEA7
83.3%	83.3% #B7A399	RVB 183 163 153	#B7A399
100.0%	100.0% #AE9A8C	RVB 174 154 140	#AE9A8C

#E7E6E6 #DDD6D5 #D4C7C5 #CABAB6 #C1AEA7 #B7A399 #AE9A8C

#E7E6E6 - #CABAB6 - #AE9A8C

Codes CSS

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

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