#5E5D8F - #ECACA7 | 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 #5E5D8F à #ECACA7

#5E5D8F #ECACA7

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

#5E5D8F - #ECACA7 | 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 #5E5D8F 0% et #ECACA7 100%.

0.0%	0.0% #5E5D8F	RVB 94 93 143	#5E5D8F
16.7%	16.7% #756A93	RVB 117 106 147	#756A93
33.3%	33.3% #8D7797	RVB 141 119 151	#8D7797
50.0%	50.0% #A5849B	RVB 165 132 155	#A5849B
66.7%	66.7% #BC919F	RVB 188 145 159	#BC919F
83.3%	83.3% #D49EA3	RVB 212 158 163	#D49EA3
100.0%	100.0% #ECACA7	RVB 236 172 167	#ECACA7

#5E5D8F #756A93 #8D7797 #A5849B #BC919F #D49EA3 #ECACA7

#5E5D8F - #ECACA7

Mélange HSV

#5E5D8F - #ECACA7 | 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 #5E5D8F 0% et #ECACA7 100%.

0.0%	0.0% #5E5D8F	RVB 94 93 143	#5E5D8F
16.7%	16.7% #7C689E	RVB 124 104 158	#7C689E
33.3%	33.3% #9C74AE	RVB 156 116 174	#9C74AE
50.0%	50.0% #BD80BA	RVB 189 128 186	#BD80BA
66.7%	66.7% #CD8DB4	RVB 205 141 180	#CD8DB4
83.3%	83.3% #DC99AB	RVB 220 153 171	#DC99AB
100.0%	100.0% #ECACA7	RVB 236 172 167	#ECACA7

#5E5D8F #7C689E #9C74AE #BD80BA #CD8DB4 #DC99AB #ECACA7

#5E5D8F - #BD80BA - #ECACA7

Codes CSS

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

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