#A79EB6 - #5E446A | 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 #A79EB6 à #5E446A

#A79EB6 #5E446A

Calculez la couleur entre deux couleurs, #A79EB6 et #5E446A. 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)

#A79EB6 - #5E446A | 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 #A79EB6 0% et #5E446A 100%.

0.0%	0.0% #A79EB6	RVB 167 158 182	#A79EB6
16.7%	16.7% #9A8FA9	RVB 154 143 169	#9A8FA9
33.3%	33.3% #8E809C	RVB 142 128 156	#8E809C
50.0%	50.0% #827190	RVB 130 113 144	#827190
66.7%	66.7% #766283	RVB 118 98 131	#766283
83.3%	83.3% #6A5376	RVB 106 83 118	#6A5376
100.0%	100.0% #5E446A	RVB 94 68 106	#5E446A

#A79EB6 #9A8FA9 #8E809C #827190 #766283 #6A5376 #5E446A

#A79EB6 - #5E446A

Mélange HSV

#A79EB6 - #5E446A | 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 #A79EB6 0% et #5E446A 100%.

0.0%	0.0% #A79EB6	RVB 167 158 182	#A79EB6
16.7%	16.7% #988CA9	RVB 152 140 169	#988CA9
33.3%	33.3% #8B7C9C	RVB 139 124 156	#8B7C9C
50.0%	50.0% #7F6C90	RVB 127 108 144	#7F6C90
66.7%	66.7% #735E83	RVB 115 94 131	#735E83
83.3%	83.3% #685076	RVB 104 80 118	#685076
100.0%	100.0% #5E446A	RVB 94 68 106	#5E446A

#A79EB6 #988CA9 #8B7C9C #7F6C90 #735E83 #685076 #5E446A

#A79EB6 - #7F6C90 - #5E446A

Codes CSS

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

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