#545646 - #2A3307 | 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 #545646 à #2A3307

#545646 #2A3307

Calculez la couleur entre deux couleurs, #545646 et #2A3307. 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)

#545646 - #2A3307 | 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 #545646 0% et #2A3307 100%.

0.0%	0.0% #545646	RVB 84 86 70	#545646
16.7%	16.7% #4D503B	RVB 77 80 59	#4D503B
33.3%	33.3% #464A31	RVB 70 74 49	#464A31
50.0%	50.0% #3F4426	RVB 63 68 38	#3F4426
66.7%	66.7% #383E1C	RVB 56 62 28	#383E1C
83.3%	83.3% #313811	RVB 49 56 17	#313811
100.0%	100.0% #2A3307	RVB 42 51 7	#2A3307

#545646 #4D503B #464A31 #3F4426 #383E1C #313811 #2A3307

#545646 - #2A3307

Mélange HSV

#545646 - #2A3307 | 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 #545646 0% et #2A3307 100%.

0.0%	0.0% #545646	RVB 84 86 70	#545646
16.7%	16.7% #4C5038	RVB 76 80 56	#4C5038
33.3%	33.3% #454A2B	RVB 69 74 43	#454A2B
50.0%	50.0% #3E4420	RVB 62 68 32	#3E4420
66.7%	66.7% #373E16	RVB 55 62 22	#373E16
83.3%	83.3% #30380E	RVB 48 56 14	#30380E
100.0%	100.0% #2A3307	RVB 42 51 7	#2A3307

#545646 #4C5038 #454A2B #3E4420 #373E16 #30380E #2A3307

#545646 - #3E4420 - #2A3307

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545646 0%, #3E4420 50%, #2A3307 100%);
    background: -webkit-linear-gradient(top, #545646 0%, #3E4420 50%, #2A3307 100%);
    background: linear-gradient(to bottom, #545646 0%, #3E4420 50%, #2A3307 100%);
}
</style>