#5E5557 - #DB9F78 | 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 #5E5557 à #DB9F78

#5E5557 #DB9F78

Calculez la couleur entre deux couleurs, #5E5557 et #DB9F78. 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)

#5E5557 - #DB9F78 | 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 #5E5557 0% et #DB9F78 100%.

0.0%	0.0% #5E5557	RVB 94 85 87	#5E5557
16.7%	16.7% #72615C	RVB 114 97 92	#72615C
33.3%	33.3% #876D62	RVB 135 109 98	#876D62
50.0%	50.0% #9C7A67	RVB 156 122 103	#9C7A67
66.7%	66.7% #B1866D	RVB 177 134 109	#B1866D
83.3%	83.3% #C69272	RVB 198 146 114	#C69272
100.0%	100.0% #DB9F78	RVB 219 159 120	#DB9F78

#5E5557 #72615C #876D62 #9C7A67 #B1866D #C69272 #DB9F78

#5E5557 - #DB9F78

Mélange HSV

#5E5557 - #DB9F78 | 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 #5E5557 0% et #DB9F78 100%.

0.0%	0.0% #5E5557	RVB 94 85 87	#5E5557
16.7%	16.7% #726163	RVB 114 97 99	#726163
33.3%	33.3% #876A6B	RVB 135 106 107	#876A6B
50.0%	50.0% #9C7571	RVB 156 117 113	#9C7571
66.7%	66.7% #B18176	RVB 177 129 118	#B18176
83.3%	83.3% #C68F78	RVB 198 143 120	#C68F78
100.0%	100.0% #DB9F78	RVB 219 159 120	#DB9F78

#5E5557 #726163 #876A6B #9C7571 #B18176 #C68F78 #DB9F78

#5E5557 - #9C7571 - #DB9F78

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5557 0%, #9C7571 50%, #DB9F78 100%);
    background: -webkit-linear-gradient(top, #5E5557 0%, #9C7571 50%, #DB9F78 100%);
    background: linear-gradient(to bottom, #5E5557 0%, #9C7571 50%, #DB9F78 100%);
}
</style>