#574D5E - #8176C0 | 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 #574D5E à #8176C0

#574D5E #8176C0

Calculez la couleur entre deux couleurs, #574D5E et #8176C0. 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)

#574D5E - #8176C0 | 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 #574D5E 0% et #8176C0 100%.

0.0%	0.0% #574D5E	RVB 87 77 94	#574D5E
16.7%	16.7% #5E536E	RVB 94 83 110	#5E536E
33.3%	33.3% #655A7E	RVB 101 90 126	#655A7E
50.0%	50.0% #6C618F	RVB 108 97 143	#6C618F
66.7%	66.7% #73689F	RVB 115 104 159	#73689F
83.3%	83.3% #7A6FAF	RVB 122 111 175	#7A6FAF
100.0%	100.0% #8176C0	RVB 129 118 192	#8176C0

#574D5E #5E536E #655A7E #6C618F #73689F #7A6FAF #8176C0

#574D5E - #8176C0

Mélange HSV

#574D5E - #8176C0 | 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 #574D5E 0% et #8176C0 100%.

0.0%	0.0% #574D5E	RVB 87 77 94	#574D5E
16.7%	16.7% #62566E	RVB 98 86 110	#62566E
33.3%	33.3% #6D5F7E	RVB 109 95 126	#6D5F7E
50.0%	50.0% #75668F	RVB 117 102 143	#75668F
66.7%	66.7% #7B6C9F	RVB 123 108 159	#7B6C9F
83.3%	83.3% #7F71AF	RVB 127 113 175	#7F71AF
100.0%	100.0% #8176C0	RVB 129 118 192	#8176C0

#574D5E #62566E #6D5F7E #75668F #7B6C9F #7F71AF #8176C0

#574D5E - #75668F - #8176C0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #574D5E 0%, #75668F 50%, #8176C0 100%);
    background: -webkit-linear-gradient(top, #574D5E 0%, #75668F 50%, #8176C0 100%);
    background: linear-gradient(to bottom, #574D5E 0%, #75668F 50%, #8176C0 100%);
}
</style>