#7B5E76 - #EC8F8F | 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 #7B5E76 à #EC8F8F

#7B5E76 #EC8F8F

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

#7B5E76 - #EC8F8F | 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 #7B5E76 0% et #EC8F8F 100%.

0.0%	0.0% #7B5E76	RVB 123 94 118	#7B5E76
16.7%	16.7% #8D667A	RVB 141 102 122	#8D667A
33.3%	33.3% #A06E7E	RVB 160 110 126	#A06E7E
50.0%	50.0% #B37682	RVB 179 118 130	#B37682
66.7%	66.7% #C67E86	RVB 198 126 134	#C67E86
83.3%	83.3% #D9868A	RVB 217 134 138	#D9868A
100.0%	100.0% #EC8F8F	RVB 236 143 143	#EC8F8F

#7B5E76 #8D667A #A06E7E #B37682 #C67E86 #D9868A #EC8F8F

#7B5E76 - #EC8F8F

Mélange HSV

#7B5E76 - #EC8F8F | 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 #7B5E76 0% et #EC8F8F 100%.

0.0%	0.0% #7B5E76	RVB 123 94 118	#7B5E76
16.7%	16.7% #8D6882	RVB 141 104 130	#8D6882
33.3%	33.3% #A0728B	RVB 160 114 139	#A0728B
50.0%	50.0% #B37A92	RVB 179 122 146	#B37A92
66.7%	66.7% #C68295	RVB 198 130 149	#C68295
83.3%	83.3% #D98994	RVB 217 137 148	#D98994
100.0%	100.0% #EC8F8F	RVB 236 143 143	#EC8F8F

#7B5E76 #8D6882 #A0728B #B37A92 #C68295 #D98994 #EC8F8F

#7B5E76 - #B37A92 - #EC8F8F

Codes CSS

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

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