#5E5E41 - #423709 | 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 #5E5E41 à #423709

#5E5E41 #423709

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

#5E5E41 - #423709 | 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 #5E5E41 0% et #423709 100%.

0.0%	0.0% #5E5E41	RVB 94 94 65	#5E5E41
16.7%	16.7% #595737	RVB 89 87 55	#595737
33.3%	33.3% #54512E	RVB 84 81 46	#54512E
50.0%	50.0% #504A25	RVB 80 74 37	#504A25
66.7%	66.7% #4B441B	RVB 75 68 27	#4B441B
83.3%	83.3% #463D12	RVB 70 61 18	#463D12
100.0%	100.0% #423709	RVB 66 55 9	#423709

#5E5E41 #595737 #54512E #504A25 #4B441B #463D12 #423709

#5E5E41 - #423709

Mélange HSV

#5E5E41 - #423709 | 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 #5E5E41 0% et #423709 100%.

0.0%	0.0% #5E5E41	RVB 94 94 65	#5E5E41
16.7%	16.7% #595835	RVB 89 88 53	#595835
33.3%	33.3% #54512A	RVB 84 81 42	#54512A
50.0%	50.0% #504B21	RVB 80 75 33	#504B21
66.7%	66.7% #4B4418	RVB 75 68 24	#4B4418
83.3%	83.3% #463D10	RVB 70 61 16	#463D10
100.0%	100.0% #423709	RVB 66 55 9	#423709

#5E5E41 #595835 #54512A #504B21 #4B4418 #463D10 #423709

#5E5E41 - #504B21 - #423709

Codes CSS

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

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