#3E3332 - #A7685E | 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 #3E3332 à #A7685E

#3E3332 #A7685E

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

#3E3332 - #A7685E | 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 #3E3332 0% et #A7685E 100%.

0.0%	0.0% #3E3332	RVB 62 51 50	#3E3332
16.7%	16.7% #4F3B39	RVB 79 59 57	#4F3B39
33.3%	33.3% #614440	RVB 97 68 64	#614440
50.0%	50.0% #724D48	RVB 114 77 72	#724D48
66.7%	66.7% #84564F	RVB 132 86 79	#84564F
83.3%	83.3% #955F56	RVB 149 95 86	#955F56
100.0%	100.0% #A7685E	RVB 167 104 94	#A7685E

#3E3332 #4F3B39 #614440 #724D48 #84564F #955F56 #A7685E

#3E3332 - #A7685E

Mélange HSV

#3E3332 - #A7685E | 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 #3E3332 0% et #A7685E 100%.

0.0%	0.0% #3E3332	RVB 62 51 50	#3E3332
16.7%	16.7% #4F3E3C	RVB 79 62 60	#4F3E3C
33.3%	33.3% #614946	RVB 97 73 70	#614946
50.0%	50.0% #72524E	RVB 114 82 78	#72524E
66.7%	66.7% #845A55	RVB 132 90 85	#845A55
83.3%	83.3% #95615A	RVB 149 97 90	#95615A
100.0%	100.0% #A7685E	RVB 167 104 94	#A7685E

#3E3332 #4F3E3C #614946 #72524E #845A55 #95615A #A7685E

#3E3332 - #72524E - #A7685E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3332 0%, #72524E 50%, #A7685E 100%);
    background: -webkit-linear-gradient(top, #3E3332 0%, #72524E 50%, #A7685E 100%);
    background: linear-gradient(to bottom, #3E3332 0%, #72524E 50%, #A7685E 100%);
}
</style>