#5E4F78 - #E69A8D | 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 #5E4F78 à #E69A8D

#5E4F78 #E69A8D

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

#5E4F78 - #E69A8D | 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 #5E4F78 0% et #E69A8D 100%.

0.0%	0.0% #5E4F78	RVB 94 79 120	#5E4F78
16.7%	16.7% #745B7B	RVB 116 91 123	#745B7B
33.3%	33.3% #8B687F	RVB 139 104 127	#8B687F
50.0%	50.0% #A27482	RVB 162 116 130	#A27482
66.7%	66.7% #B88186	RVB 184 129 134	#B88186
83.3%	83.3% #CF8D89	RVB 207 141 137	#CF8D89
100.0%	100.0% #E69A8D	RVB 230 154 141	#E69A8D

#5E4F78 #745B7B #8B687F #A27482 #B88186 #CF8D89 #E69A8D

#5E4F78 - #E69A8D

Mélange HSV

#5E4F78 - #E69A8D | 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 #5E4F78 0% et #E69A8D 100%.

0.0%	0.0% #5D4F78	RVB 93 79 120	#5D4F78
16.7%	16.7% #7A5A8A	RVB 122 90 138	#7A5A8A
33.3%	33.3% #9A649C	RVB 154 100 156	#9A649C
50.0%	50.0% #AF6F9E	RVB 175 111 158	#AF6F9E
66.7%	66.7% #C17999	RVB 193 121 153	#C17999
83.3%	83.3% #D3838F	RVB 211 131 143	#D3838F
100.0%	100.0% #E69A8D	RVB 230 154 141	#E69A8D

#5D4F78 #7A5A8A #9A649C #AF6F9E #C17999 #D3838F #E69A8D

#5E4F78 - #AF6F9E - #E69A8D

Codes CSS

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

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