#686A5E - #363F12 | 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 #686A5E à #363F12

#686A5E #363F12

Calculez la couleur entre deux couleurs, #686A5E et #363F12. 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)

#686A5E - #363F12 | 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 #686A5E 0% et #363F12 100%.

0.0%	0.0% #686A5E	RVB 104 106 94	#686A5E
16.7%	16.7% #5F6251	RVB 95 98 81	#5F6251
33.3%	33.3% #575B44	RVB 87 91 68	#575B44
50.0%	50.0% #4F5438	RVB 79 84 56	#4F5438
66.7%	66.7% #464D2B	RVB 70 77 43	#464D2B
83.3%	83.3% #3E461E	RVB 62 70 30	#3E461E
100.0%	100.0% #363F12	RVB 54 63 18	#363F12

#686A5E #5F6251 #575B44 #4F5438 #464D2B #3E461E #363F12

#686A5E - #363F12

Mélange HSV

#686A5E - #363F12 | 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 #686A5E 0% et #363F12 100%.

0.0%	0.0% #686A5E	RVB 104 106 94	#686A5E
16.7%	16.7% #5F624D	RVB 95 98 77	#5F624D
33.3%	33.3% #565B3E	RVB 86 91 62	#565B3E
50.0%	50.0% #4E5431	RVB 78 84 49	#4E5431
66.7%	66.7% #454D25	RVB 69 77 37	#454D25
83.3%	83.3% #3D461B	RVB 61 70 27	#3D461B
100.0%	100.0% #363F12	RVB 54 63 18	#363F12

#686A5E #5F624D #565B3E #4E5431 #454D25 #3D461B #363F12

#686A5E - #4E5431 - #363F12

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686A5E 0%, #4E5431 50%, #363F12 100%);
    background: -webkit-linear-gradient(top, #686A5E 0%, #4E5431 50%, #363F12 100%);
    background: linear-gradient(to bottom, #686A5E 0%, #4E5431 50%, #363F12 100%);
}
</style>