#4D5E3C - #A47F78 | 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 #4D5E3C à #A47F78

#4D5E3C #A47F78

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

#4D5E3C - #A47F78 | 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 #4D5E3C 0% et #A47F78 100%.

0.0%	0.0% #4D5E3C	RVB 77 94 60	#4D5E3C
16.7%	16.7% #5B6346	RVB 91 99 70	#5B6346
33.3%	33.3% #6A6950	RVB 106 105 80	#6A6950
50.0%	50.0% #786E5A	RVB 120 110 90	#786E5A
66.7%	66.7% #877464	RVB 135 116 100	#877464
83.3%	83.3% #95796E	RVB 149 121 110	#95796E
100.0%	100.0% #A47F78	RVB 164 127 120	#A47F78

#4D5E3C #5B6346 #6A6950 #786E5A #877464 #95796E #A47F78

#4D5E3C - #A47F78

Mélange HSV

#4D5E3C - #A47F78 | 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 #4D5E3C 0% et #A47F78 100%.

0.0%	0.0% #4D5E3C	RVB 77 94 60	#4D5E3C
16.7%	16.7% #5F6945	RVB 95 105 69	#5F6945
33.3%	33.3% #73754E	RVB 115 117 78	#73754E
50.0%	50.0% #817A58	RVB 129 122 88	#817A58
66.7%	66.7% #8C7C62	RVB 140 124 98	#8C7C62
83.3%	83.3% #987D6D	RVB 152 125 109	#987D6D
100.0%	100.0% #A47F78	RVB 164 127 120	#A47F78

#4D5E3C #5F6945 #73754E #817A58 #8C7C62 #987D6D #A47F78

#4D5E3C - #817A58 - #A47F78

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E3C 0%, #817A58 50%, #A47F78 100%);
    background: -webkit-linear-gradient(top, #4D5E3C 0%, #817A58 50%, #A47F78 100%);
    background: linear-gradient(to bottom, #4D5E3C 0%, #817A58 50%, #A47F78 100%);
}
</style>