#E5C5E6 - #BA58B7 | 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 #E5C5E6 à #BA58B7

#E5C5E6 #BA58B7

Calculez la couleur entre deux couleurs, #E5C5E6 et #BA58B7. 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)

#E5C5E6 - #BA58B7 | 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 #E5C5E6 0% et #BA58B7 100%.

0.0%	0.0% #E5C5E6	RVB 229 197 230	#E5C5E6
16.7%	16.7% #DDB2DE	RVB 221 178 222	#DDB2DE
33.3%	33.3% #D6A0D6	RVB 214 160 214	#D6A0D6
50.0%	50.0% #CF8ECE	RVB 207 142 206	#CF8ECE
66.7%	66.7% #C87CC6	RVB 200 124 198	#C87CC6
83.3%	83.3% #C16ABE	RVB 193 106 190	#C16ABE
100.0%	100.0% #BA58B7	RVB 186 88 183	#BA58B7

#E5C5E6 #DDB2DE #D6A0D6 #CF8ECE #C87CC6 #C16ABE #BA58B7

#E5C5E6 - #BA58B7

Mélange HSV

#E5C5E6 - #BA58B7 | 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 #E5C5E6 0% et #BA58B7 100%.

0.0%	0.0% #E5C5E6	RVB 229 197 230	#E5C5E6
16.7%	16.7% #DDB0DE	RVB 221 176 222	#DDB0DE
33.3%	33.3% #D69CD7	RVB 214 156 215	#D69CD7
50.0%	50.0% #D08ACF	RVB 208 138 207	#D08ACF
66.7%	66.7% #C878C7	RVB 200 120 199	#C878C7
83.3%	83.3% #C167BF	RVB 193 103 191	#C167BF
100.0%	100.0% #BA58B7	RVB 186 88 183	#BA58B7

#E5C5E6 #DDB0DE #D69CD7 #D08ACF #C878C7 #C167BF #BA58B7

#E5C5E6 - #D08ACF - #BA58B7

Codes CSS

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

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