#5E5E8D - #AD82EF | 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 #5E5E8D à #AD82EF

#5E5E8D #AD82EF

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

#5E5E8D - #AD82EF | 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 #5E5E8D 0% et #AD82EF 100%.

0.0%	0.0% #5E5E8D	RVB 94 94 141	#5E5E8D
16.7%	16.7% #6B649D	RVB 107 100 157	#6B649D
33.3%	33.3% #786AAD	RVB 120 106 173	#786AAD
50.0%	50.0% #8570BE	RVB 133 112 190	#8570BE
66.7%	66.7% #9276CE	RVB 146 118 206	#9276CE
83.3%	83.3% #9F7CDE	RVB 159 124 222	#9F7CDE
100.0%	100.0% #AD82EF	RVB 173 130 239	#AD82EF

#5E5E8D #6B649D #786AAD #8570BE #9276CE #9F7CDE #AD82EF

#5E5E8D - #AD82EF

Mélange HSV

#5E5E8D - #AD82EF | 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 #5E5E8D 0% et #AD82EF 100%.

0.0%	0.0% #5E5E8D	RVB 94 94 141	#5E5E8D
16.7%	16.7% #69659D	RVB 105 101 157	#69659D
33.3%	33.3% #756CAD	RVB 117 108 173	#756CAD
50.0%	50.0% #8173BE	RVB 129 115 190	#8173BE
66.7%	66.7% #8F78CE	RVB 143 120 206	#8F78CE
83.3%	83.3% #9D7DDE	RVB 157 125 222	#9D7DDE
100.0%	100.0% #AD82EF	RVB 173 130 239	#AD82EF

#5E5E8D #69659D #756CAD #8173BE #8F78CE #9D7DDE #AD82EF

#5E5E8D - #8173BE - #AD82EF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E8D 0%, #8173BE 50%, #AD82EF 100%);
    background: -webkit-linear-gradient(top, #5E5E8D 0%, #8173BE 50%, #AD82EF 100%);
    background: linear-gradient(to bottom, #5E5E8D 0%, #8173BE 50%, #AD82EF 100%);
}
</style>