#B79FD6 - #583C92 | 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 #B79FD6 à #583C92

#B79FD6 #583C92

Calculez la couleur entre deux couleurs, #B79FD6 et #583C92. 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)

#B79FD6 - #583C92 | 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 #B79FD6 0% et #583C92 100%.

0.0%	0.0% #B79FD6	RVB 183 159 214	#B79FD6
16.7%	16.7% #A78ECA	RVB 167 142 202	#A78ECA
33.3%	33.3% #977EBF	RVB 151 126 191	#977EBF
50.0%	50.0% #876DB4	RVB 135 109 180	#876DB4
66.7%	66.7% #775DA8	RVB 119 93 168	#775DA8
83.3%	83.3% #674C9D	RVB 103 76 157	#674C9D
100.0%	100.0% #583C92	RVB 88 60 146	#583C92

#B79FD6 #A78ECA #977EBF #876DB4 #775DA8 #674C9D #583C92

#B79FD6 - #583C92

Mélange HSV

#B79FD6 - #583C92 | 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 #B79FD6 0% et #583C92 100%.

0.0%	0.0% #B69FD6	RVB 182 159 214	#B69FD6
16.7%	16.7% #A58BCA	RVB 165 139 202	#A58BCA
33.3%	33.3% #9578BF	RVB 149 120 191	#9578BF
50.0%	50.0% #8467B4	RVB 132 103 180	#8467B4
66.7%	66.7% #7557A8	RVB 117 87 168	#7557A8
83.3%	83.3% #66499D	RVB 102 73 157	#66499D
100.0%	100.0% #583C92	RVB 88 60 146	#583C92

#B69FD6 #A58BCA #9578BF #8467B4 #7557A8 #66499D #583C92

#B79FD6 - #8467B4 - #583C92

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B69FD6 0%, #8467B4 50%, #583C92 100%);
    background: -webkit-linear-gradient(top, #B69FD6 0%, #8467B4 50%, #583C92 100%);
    background: linear-gradient(to bottom, #B69FD6 0%, #8467B4 50%, #583C92 100%);
}
</style>