#AA7E7E - #8D372C | 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 #AA7E7E à #8D372C

#AA7E7E #8D372C

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

#AA7E7E - #8D372C | 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 #AA7E7E 0% et #8D372C 100%.

0.0%	0.0% #AA7E7E	RVB 170 126 126	#AA7E7E
16.7%	16.7% #A57270	RVB 165 114 112	#A57270
33.3%	33.3% #A06662	RVB 160 102 98	#A06662
50.0%	50.0% #9B5A55	RVB 155 90 85	#9B5A55
66.7%	66.7% #964E47	RVB 150 78 71	#964E47
83.3%	83.3% #914239	RVB 145 66 57	#914239
100.0%	100.0% #8D372C	RVB 141 55 44	#8D372C

#AA7E7E #A57270 #A06662 #9B5A55 #964E47 #914239 #8D372C

#AA7E7E - #8D372C

Mélange HSV

#AA7E7E - #8D372C | 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 #AA7E7E 0% et #8D372C 100%.

0.0%	0.0% #AA7E7E	RVB 170 126 126	#AA7E7E
16.7%	16.7% #A56F6E	RVB 165 111 110	#A56F6E
33.3%	33.3% #A0625F	RVB 160 98 95	#A0625F
50.0%	50.0% #9B5651	RVB 155 86 81	#9B5651
66.7%	66.7% #964A44	RVB 150 74 68	#964A44
83.3%	83.3% #914037	RVB 145 64 55	#914037
100.0%	100.0% #8D372C	RVB 141 55 44	#8D372C

#AA7E7E #A56F6E #A0625F #9B5651 #964A44 #914037 #8D372C

#AA7E7E - #9B5651 - #8D372C

Codes CSS

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

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