#AA8C92 - #8F3741 | 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 #AA8C92 à #8F3741

#AA8C92 #8F3741

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

#AA8C92 - #8F3741 | 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 #AA8C92 0% et #8F3741 100%.

0.0%	0.0% #AA8C92	RVB 170 140 146	#AA8C92
16.7%	16.7% #A57D84	RVB 165 125 132	#A57D84
33.3%	33.3% #A16F77	RVB 161 111 119	#A16F77
50.0%	50.0% #9C6169	RVB 156 97 105	#9C6169
66.7%	66.7% #98535C	RVB 152 83 92	#98535C
83.3%	83.3% #93454E	RVB 147 69 78	#93454E
100.0%	100.0% #8F3741	RVB 143 55 65	#8F3741

#AA8C92 #A57D84 #A16F77 #9C6169 #98535C #93454E #8F3741

#AA8C92 - #8F3741

Mélange HSV

#AA8C92 - #8F3741 | 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 #AA8C92 0% et #8F3741 100%.

0.0%	0.0% #AA8C92	RVB 170 140 146	#AA8C92
16.7%	16.7% #A57C83	RVB 165 124 131	#A57C83
33.3%	33.3% #A16D75	RVB 161 109 117	#A16D75
50.0%	50.0% #9C5E68	RVB 156 94 104	#9C5E68
66.7%	66.7% #98505A	RVB 152 80 90	#98505A
83.3%	83.3% #93434D	RVB 147 67 77	#93434D
100.0%	100.0% #8F3741	RVB 143 55 65	#8F3741

#AA8C92 #A57C83 #A16D75 #9C5E68 #98505A #93434D #8F3741

#AA8C92 - #9C5E68 - #8F3741

Codes CSS

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

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