#3C372D - #A09B5E | 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 #3C372D à #A09B5E

#3C372D #A09B5E

Calculez la couleur entre deux couleurs, #3C372D et #A09B5E. 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)

#3C372D - #A09B5E | 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 #3C372D 0% et #A09B5E 100%.

0.0%	0.0% #3C372D	RVB 60 55 45	#3C372D
16.7%	16.7% #4C4735	RVB 76 71 53	#4C4735
33.3%	33.3% #5D583D	RVB 93 88 61	#5D583D
50.0%	50.0% #6E6945	RVB 110 105 69	#6E6945
66.7%	66.7% #7E794D	RVB 126 121 77	#7E794D
83.3%	83.3% #8F8A55	RVB 143 138 85	#8F8A55
100.0%	100.0% #A09B5E	RVB 160 155 94	#A09B5E

#3C372D #4C4735 #5D583D #6E6945 #7E794D #8F8A55 #A09B5E

#3C372D - #A09B5E

Mélange HSV

#3C372D - #A09B5E | 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 #3C372D 0% et #A09B5E 100%.

0.0%	0.0% #3C372D	RVB 60 55 45	#3C372D
16.7%	16.7% #4C4637	RVB 76 70 55	#4C4637
33.3%	33.3% #5D5640	RVB 93 86 64	#5D5640
50.0%	50.0% #6E6649	RVB 110 102 73	#6E6649
66.7%	66.7% #7E7751	RVB 126 119 81	#7E7751
83.3%	83.3% #8F8858	RVB 143 136 88	#8F8858
100.0%	100.0% #A09B5E	RVB 160 155 94	#A09B5E

#3C372D #4C4637 #5D5640 #6E6649 #7E7751 #8F8858 #A09B5E

#3C372D - #6E6649 - #A09B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C372D 0%, #6E6649 50%, #A09B5E 100%);
    background: -webkit-linear-gradient(top, #3C372D 0%, #6E6649 50%, #A09B5E 100%);
    background: linear-gradient(to bottom, #3C372D 0%, #6E6649 50%, #A09B5E 100%);
}
</style>