#5E4B46 - #502108 | 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 #5E4B46 à #502108

#5E4B46 #502108

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

#5E4B46 - #502108 | 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 #5E4B46 0% et #502108 100%.

0.0%	0.0% #5E4B46	RVB 94 75 70	#5E4B46
16.7%	16.7% #5B443B	RVB 91 68 59	#5B443B
33.3%	33.3% #593D31	RVB 89 61 49	#593D31
50.0%	50.0% #573627	RVB 87 54 39	#573627
66.7%	66.7% #542F1C	RVB 84 47 28	#542F1C
83.3%	83.3% #522812	RVB 82 40 18	#522812
100.0%	100.0% #502108	RVB 80 33 8	#502108

#5E4B46 #5B443B #593D31 #573627 #542F1C #522812 #502108

#5E4B46 - #502108

Mélange HSV

#5E4B46 - #502108 | 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 #5E4B46 0% et #502108 100%.

0.0%	0.0% #5E4B46	RVB 94 75 70	#5E4B46
16.7%	16.7% #5B423A	RVB 91 66 58	#5B423A
33.3%	33.3% #593A2F	RVB 89 58 47	#593A2F
50.0%	50.0% #573224	RVB 87 50 36	#573224
66.7%	66.7% #542C1A	RVB 84 44 26	#542C1A
83.3%	83.3% #522611	RVB 82 38 17	#522611
100.0%	100.0% #502108	RVB 80 33 8	#502108

#5E4B46 #5B423A #593A2F #573224 #542C1A #522611 #502108

#5E4B46 - #573224 - #502108

Codes CSS

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

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