#AD92DA - #5E2B95 | 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 #AD92DA à #5E2B95

#AD92DA #5E2B95

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

#AD92DA - #5E2B95 | 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 #AD92DA 0% et #5E2B95 100%.

0.0%	0.0% #AD92DA	RVB 173 146 218	#AD92DA
16.7%	16.7% #9F80CE	RVB 159 128 206	#9F80CE
33.3%	33.3% #926FC3	RVB 146 111 195	#926FC3
50.0%	50.0% #855EB7	RVB 133 94 183	#855EB7
66.7%	66.7% #784DAC	RVB 120 77 172	#784DAC
83.3%	83.3% #6B3CA0	RVB 107 60 160	#6B3CA0
100.0%	100.0% #5E2B95	RVB 94 43 149	#5E2B95

#AD92DA #9F80CE #926FC3 #855EB7 #784DAC #6B3CA0 #5E2B95

#AD92DA - #5E2B95

Mélange HSV

#AD92DA - #5E2B95 | 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 #AD92DA 0% et #5E2B95 100%.

0.0%	0.0% #AC92DA	RVB 172 146 218	#AC92DA
16.7%	16.7% #9D7DCE	RVB 157 125 206	#9D7DCE
33.3%	33.3% #8E69C3	RVB 142 105 195	#8E69C3
50.0%	50.0% #8057B7	RVB 128 87 183	#8057B7
66.7%	66.7% #7447AC	RVB 116 71 172	#7447AC
83.3%	83.3% #6838A0	RVB 104 56 160	#6838A0
100.0%	100.0% #5E2B95	RVB 94 43 149	#5E2B95

#AC92DA #9D7DCE #8E69C3 #8057B7 #7447AC #6838A0 #5E2B95

#AD92DA - #8057B7 - #5E2B95

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC92DA 0%, #8057B7 50%, #5E2B95 100%);
    background: -webkit-linear-gradient(top, #AC92DA 0%, #8057B7 50%, #5E2B95 100%);
    background: linear-gradient(to bottom, #AC92DA 0%, #8057B7 50%, #5E2B95 100%);
}
</style>