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

#636161 #5E4013

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

0.0%	0.0% #636161	RVB 99 97 97	#636161
16.7%	16.7% #625B54	RVB 98 91 84	#625B54
33.3%	33.3% #615647	RVB 97 86 71	#615647
50.0%	50.0% #60503A	RVB 96 80 58	#60503A
66.7%	66.7% #5F4B2D	RVB 95 75 45	#5F4B2D
83.3%	83.3% #5E4520	RVB 94 69 32	#5E4520
100.0%	100.0% #5E4013	RVB 94 64 19	#5E4013

#636161 #625B54 #615647 #60503A #5F4B2D #5E4520 #5E4013

#636161 - #5E4013

Mélange HSV

#636161 - #5E4013 | 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 #5E4013 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% #614B46	RVB 97 75 70	#614B46
50.0%	50.0% #604439	RVB 96 68 57	#604439
66.7%	66.7% #5F402C	RVB 95 64 44	#5F402C
83.3%	83.3% #5E3F1F	RVB 94 63 31	#5E3F1F
100.0%	100.0% #5E4013	RVB 94 64 19	#5E4013

#636161 #625453 #614B46 #604439 #5F402C #5E3F1F #5E4013

#636161 - #604439 - #5E4013

Codes CSS

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

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