#5E5E5B - #463810 | 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 #5E5E5B à #463810

#5E5E5B #463810

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

#5E5E5B - #463810 | 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 #5E5E5B 0% et #463810 100%.

0.0%	0.0% #5E5E5B	RVB 94 94 91	#5E5E5B
16.7%	16.7% #5A574E	RVB 90 87 78	#5A574E
33.3%	33.3% #565142	RVB 86 81 66	#565142
50.0%	50.0% #524B35	RVB 82 75 53	#524B35
66.7%	66.7% #4E4429	RVB 78 68 41	#4E4429
83.3%	83.3% #4A3E1C	RVB 74 62 28	#4A3E1C
100.0%	100.0% #463810	RVB 70 56 16	#463810

#5E5E5B #5A574E #565142 #524B35 #4E4429 #4A3E1C #463810

#5E5E5B - #463810

Mélange HSV

#5E5E5B - #463810 | 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 #5E5E5B 0% et #463810 100%.

0.0%	0.0% #5E5E5B	RVB 94 94 91	#5E5E5B
16.7%	16.7% #5A594C	RVB 90 89 76	#5A594C
33.3%	33.3% #56533E	RVB 86 83 62	#56533E
50.0%	50.0% #524D31	RVB 82 77 49	#524D31
66.7%	66.7% #4E4625	RVB 78 70 37	#4E4625
83.3%	83.3% #4A3F1A	RVB 74 63 26	#4A3F1A
100.0%	100.0% #463810	RVB 70 56 16	#463810

#5E5E5B #5A594C #56533E #524D31 #4E4625 #4A3F1A #463810

#5E5E5B - #524D31 - #463810

Codes CSS

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

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