#5E3C9C - #D28DB7 | 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 #5E3C9C à #D28DB7

#5E3C9C #D28DB7

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

#5E3C9C - #D28DB7 | 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 #5E3C9C 0% et #D28DB7 100%.

0.0%	0.0% #5E3C9C	RVB 94 60 156	#5E3C9C
16.7%	16.7% #7149A0	RVB 113 73 160	#7149A0
33.3%	33.3% #8457A5	RVB 132 87 165	#8457A5
50.0%	50.0% #9864A9	RVB 152 100 169	#9864A9
66.7%	66.7% #AB72AE	RVB 171 114 174	#AB72AE
83.3%	83.3% #BE7FB2	RVB 190 127 178	#BE7FB2
100.0%	100.0% #D28DB7	RVB 210 141 183	#D28DB7

#5E3C9C #7149A0 #8457A5 #9864A9 #AB72AE #BE7FB2 #D28DB7

#5E3C9C - #D28DB7

Mélange HSV

#5E3C9C - #D28DB7 | 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 #5E3C9C 0% et #D28DB7 100%.

0.0%	0.0% #5D3C9C	RVB 93 60 156	#5D3C9C
16.7%	16.7% #7847A5	RVB 120 71 165	#7847A5
33.3%	33.3% #9253AE	RVB 146 83 174	#9253AE
50.0%	50.0% #AC60B7	RVB 172 96 183	#AC60B7
66.7%	66.7% #C06EBC	RVB 192 110 188	#C06EBC
83.3%	83.3% #C97DB8	RVB 201 125 184	#C97DB8
100.0%	100.0% #D28DB7	RVB 210 141 183	#D28DB7

#5D3C9C #7847A5 #9253AE #AC60B7 #C06EBC #C97DB8 #D28DB7

#5E3C9C - #AC60B7 - #D28DB7

Codes CSS

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

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