#4D4D5E - #A08C7F | 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 #4D4D5E à #A08C7F

#4D4D5E #A08C7F

Calculez la couleur entre deux couleurs, #4D4D5E et #A08C7F. 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)

#4D4D5E - #A08C7F | 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 #4D4D5E 0% et #A08C7F 100%.

0.0%	0.0% #4D4D5E	RVB 77 77 94	#4D4D5E
16.7%	16.7% #5A5763	RVB 90 87 99	#5A5763
33.3%	33.3% #686269	RVB 104 98 105	#686269
50.0%	50.0% #766C6E	RVB 118 108 110	#766C6E
66.7%	66.7% #847774	RVB 132 119 116	#847774
83.3%	83.3% #928179	RVB 146 129 121	#928179
100.0%	100.0% #A08C7F	RVB 160 140 127	#A08C7F

#4D4D5E #5A5763 #686269 #766C6E #847774 #928179 #A08C7F

#4D4D5E - #A08C7F

Mélange HSV

#4D4D5E - #A08C7F | 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 #4D4D5E 0% et #A08C7F 100%.

0.0%	0.0% #4D4D5E	RVB 77 77 94	#4D4D5E
16.7%	16.7% #5D5569	RVB 93 85 105	#5D5569
33.3%	33.3% #6F5E74	RVB 111 94 116	#6F5E74
50.0%	50.0% #7F667A	RVB 127 102 122	#7F667A
66.7%	66.7% #8A6E79	RVB 138 110 121	#8A6E79
83.3%	83.3% #957677	RVB 149 118 119	#957677
100.0%	100.0% #A08C7F	RVB 160 140 127	#A08C7F

#4D4D5E #5D5569 #6F5E74 #7F667A #8A6E79 #957677 #A08C7F

#4D4D5E - #7F667A - #A08C7F

Codes CSS

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

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