#7B5EAC - #B5ADC5 | 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 #7B5EAC à #B5ADC5

#7B5EAC #B5ADC5

Calculez la couleur entre deux couleurs, #7B5EAC et #B5ADC5. 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)

#7B5EAC - #B5ADC5 | 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 #7B5EAC 0% et #B5ADC5 100%.

0.0%	0.0% #7B5EAC	RVB 123 94 172	#7B5EAC
16.7%	16.7% #846BB0	RVB 132 107 176	#846BB0
33.3%	33.3% #8E78B4	RVB 142 120 180	#8E78B4
50.0%	50.0% #9885B8	RVB 152 133 184	#9885B8
66.7%	66.7% #A192BC	RVB 161 146 188	#A192BC
83.3%	83.3% #AB9FC0	RVB 171 159 192	#AB9FC0
100.0%	100.0% #B5ADC5	RVB 181 173 197	#B5ADC5

#7B5EAC #846BB0 #8E78B4 #9885B8 #A192BC #AB9FC0 #B5ADC5

#7B5EAC - #B5ADC5

Mélange HSV

#7B5EAC - #B5ADC5 | 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 #7B5EAC 0% et #B5ADC5 100%.

0.0%	0.0% #7B5EAC	RVB 123 94 172	#7B5EAC
16.7%	16.7% #836AB0	RVB 131 106 176	#836AB0
33.3%	33.3% #8C76B4	RVB 140 118 180	#8C76B4
50.0%	50.0% #9683B8	RVB 150 131 184	#9683B8
66.7%	66.7% #A090BC	RVB 160 144 188	#A090BC
83.3%	83.3% #AA9EC0	RVB 170 158 192	#AA9EC0
100.0%	100.0% #B5ADC5	RVB 181 173 197	#B5ADC5

#7B5EAC #836AB0 #8C76B4 #9683B8 #A090BC #AA9EC0 #B5ADC5

#7B5EAC - #9683B8 - #B5ADC5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5EAC 0%, #9683B8 50%, #B5ADC5 100%);
    background: -webkit-linear-gradient(top, #7B5EAC 0%, #9683B8 50%, #B5ADC5 100%);
    background: linear-gradient(to bottom, #7B5EAC 0%, #9683B8 50%, #B5ADC5 100%);
}
</style>