#84846B - #5E511E | 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 #84846B à #5E511E

#84846B #5E511E

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

#84846B - #5E511E | 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 #84846B 0% et #5E511E 100%.

0.0%	0.0% #84846B	RVB 132 132 107	#84846B
16.7%	16.7% #7D7B5E	RVB 125 123 94	#7D7B5E
33.3%	33.3% #777351	RVB 119 115 81	#777351
50.0%	50.0% #716A44	RVB 113 106 68	#716A44
66.7%	66.7% #6A6237	RVB 106 98 55	#6A6237
83.3%	83.3% #64592A	RVB 100 89 42	#64592A
100.0%	100.0% #5E511E	RVB 94 81 30	#5E511E

#84846B #7D7B5E #777351 #716A44 #6A6237 #64592A #5E511E

#84846B - #5E511E

Mélange HSV

#84846B - #5E511E | 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 #84846B 0% et #5E511E 100%.

0.0%	0.0% #84846B	RVB 132 132 107	#84846B
16.7%	16.7% #7D7C5B	RVB 125 124 91	#7D7C5B
33.3%	33.3% #77744D	RVB 119 116 77	#77744D
50.0%	50.0% #716C3F	RVB 113 108 63	#716C3F
66.7%	66.7% #6A6333	RVB 106 99 51	#6A6333
83.3%	83.3% #645A28	RVB 100 90 40	#645A28
100.0%	100.0% #5E511E	RVB 94 81 30	#5E511E

#84846B #7D7C5B #77744D #716C3F #6A6333 #645A28 #5E511E

#84846B - #716C3F - #5E511E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84846B 0%, #716C3F 50%, #5E511E 100%);
    background: -webkit-linear-gradient(top, #84846B 0%, #716C3F 50%, #5E511E 100%);
    background: linear-gradient(to bottom, #84846B 0%, #716C3F 50%, #5E511E 100%);
}
</style>