#5E5291 - #E3A1A8 | 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 #5E5291 à #E3A1A8

#5E5291 #E3A1A8

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

#5E5291 - #E3A1A8 | 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 #5E5291 0% et #E3A1A8 100%.

0.0%	0.0% #5E5291	RVB 94 82 145	#5E5291
16.7%	16.7% #745F94	RVB 116 95 148	#745F94
33.3%	33.3% #8A6C98	RVB 138 108 152	#8A6C98
50.0%	50.0% #A0799C	RVB 160 121 156	#A0799C
66.7%	66.7% #B686A0	RVB 182 134 160	#B686A0
83.3%	83.3% #CC93A4	RVB 204 147 164	#CC93A4
100.0%	100.0% #E3A1A8	RVB 227 161 168	#E3A1A8

#5E5291 #745F94 #8A6C98 #A0799C #B686A0 #CC93A4 #E3A1A8

#5E5291 - #E3A1A8

Mélange HSV

#5E5291 - #E3A1A8 | 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 #5E5291 0% et #E3A1A8 100%.

0.0%	0.0% #5E5291	RVB 94 82 145	#5E5291
16.7%	16.7% #7C5D9E	RVB 124 93 158	#7C5D9E
33.3%	33.3% #9C69AC	RVB 156 105 172	#9C69AC
50.0%	50.0% #BA76B7	RVB 186 118 183	#BA76B7
66.7%	66.7% #C784B1	RVB 199 132 177	#C784B1
83.3%	83.3% #D592AC	RVB 213 146 172	#D592AC
100.0%	100.0% #E3A1A8	RVB 227 161 168	#E3A1A8

#5E5291 #7C5D9E #9C69AC #BA76B7 #C784B1 #D592AC #E3A1A8

#5E5291 - #BA76B7 - #E3A1A8

Codes CSS

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

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