#7B5E6E - #ECAB8F | 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 #7B5E6E à #ECAB8F

#7B5E6E #ECAB8F

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

#7B5E6E - #ECAB8F | 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 #7B5E6E 0% et #ECAB8F 100%.

0.0%	0.0% #7B5E6E	RVB 123 94 110	#7B5E6E
16.7%	16.7% #8D6A73	RVB 141 106 115	#8D6A73
33.3%	33.3% #A07779	RVB 160 119 121	#A07779
50.0%	50.0% #B3847E	RVB 179 132 126	#B3847E
66.7%	66.7% #C69184	RVB 198 145 132	#C69184
83.3%	83.3% #D99E89	RVB 217 158 137	#D99E89
100.0%	100.0% #ECAB8F	RVB 236 171 143	#ECAB8F

#7B5E6E #8D6A73 #A07779 #B3847E #C69184 #D99E89 #ECAB8F

#7B5E6E - #ECAB8F

Mélange HSV

#7B5E6E - #ECAB8F | 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 #7B5E6E 0% et #ECAB8F 100%.

0.0%	0.0% #7B5E6E	RVB 123 94 110	#7B5E6E
16.7%	16.7% #8D6877	RVB 141 104 119	#8D6877
33.3%	33.3% #A0727E	RVB 160 114 126	#A0727E
50.0%	50.0% #B37A82	RVB 179 122 130	#B37A82
66.7%	66.7% #C68382	RVB 198 131 130	#C68382
83.3%	83.3% #D99689	RVB 217 150 137	#D99689
100.0%	100.0% #ECAB8F	RVB 236 171 143	#ECAB8F

#7B5E6E #8D6877 #A0727E #B37A82 #C68382 #D99689 #ECAB8F

#7B5E6E - #B37A82 - #ECAB8F

Codes CSS

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

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