#8D9A8C - #3C6A36 | 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 #8D9A8C à #3C6A36

#8D9A8C #3C6A36

Calculez la couleur entre deux couleurs, #8D9A8C et #3C6A36. 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)

#8D9A8C - #3C6A36 | 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 #8D9A8C 0% et #3C6A36 100%.

0.0%	0.0% #8D9A8C	RVB 141 154 140	#8D9A8C
16.7%	16.7% #7F927D	RVB 127 146 125	#7F927D
33.3%	33.3% #728A6F	RVB 114 138 111	#728A6F
50.0%	50.0% #648261	RVB 100 130 97	#648261
66.7%	66.7% #577A52	RVB 87 122 82	#577A52
83.3%	83.3% #497244	RVB 73 114 68	#497244
100.0%	100.0% #3C6A36	RVB 60 106 54	#3C6A36

#8D9A8C #7F927D #728A6F #648261 #577A52 #497244 #3C6A36

#8D9A8C - #3C6A36

Mélange HSV

#8D9A8C - #3C6A36 | 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 #8D9A8C 0% et #3C6A36 100%.

0.0%	0.0% #8D9A8C	RVB 141 154 140	#8D9A8C
16.7%	16.7% #7C927B	RVB 124 146 123	#7C927B
33.3%	33.3% #6D8A6B	RVB 109 138 107	#6D8A6B
50.0%	50.0% #5F825C	RVB 95 130 92	#5F825C
66.7%	66.7% #527A4E	RVB 82 122 78	#527A4E
83.3%	83.3% #467241	RVB 70 114 65	#467241
100.0%	100.0% #3C6A36	RVB 60 106 54	#3C6A36

#8D9A8C #7C927B #6D8A6B #5F825C #527A4E #467241 #3C6A36

#8D9A8C - #5F825C - #3C6A36

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9A8C 0%, #5F825C 50%, #3C6A36 100%);
    background: -webkit-linear-gradient(top, #8D9A8C 0%, #5F825C 50%, #3C6A36 100%);
    background: linear-gradient(to bottom, #8D9A8C 0%, #5F825C 50%, #3C6A36 100%);
}
</style>