#636161 - #5E2912 | 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 #636161 à #5E2912

#636161 #5E2912

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

#636161 - #5E2912 | 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 #636161 0% et #5E2912 100%.

0.0%	0.0% #636161	RVB 99 97 97	#636161
16.7%	16.7% #625753	RVB 98 87 83	#625753
33.3%	33.3% #614E46	RVB 97 78 70	#614E46
50.0%	50.0% #604539	RVB 96 69 57	#604539
66.7%	66.7% #5F3B2C	RVB 95 59 44	#5F3B2C
83.3%	83.3% #5E321F	RVB 94 50 31	#5E321F
100.0%	100.0% #5E2912	RVB 94 41 18	#5E2912

#636161 #625753 #614E46 #604539 #5F3B2C #5E321F #5E2912

#636161 - #5E2912

Mélange HSV

#636161 - #5E2912 | 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 #636161 0% et #5E2912 100%.

0.0%	0.0% #636161	RVB 99 97 97	#636161
16.7%	16.7% #625453	RVB 98 84 83	#625453
33.3%	33.3% #614845	RVB 97 72 69	#614845
50.0%	50.0% #603E38	RVB 96 62 56	#603E38
66.7%	66.7% #5F352B	RVB 95 53 43	#5F352B
83.3%	83.3% #5E2E1E	RVB 94 46 30	#5E2E1E
100.0%	100.0% #5E2912	RVB 94 41 18	#5E2912

#636161 #625453 #614845 #603E38 #5F352B #5E2E1E #5E2912

#636161 - #603E38 - #5E2912

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636161 0%, #603E38 50%, #5E2912 100%);
    background: -webkit-linear-gradient(top, #636161 0%, #603E38 50%, #5E2912 100%);
    background: linear-gradient(to bottom, #636161 0%, #603E38 50%, #5E2912 100%);
}
</style>