#3E5D4D - #8FA46E | 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 #3E5D4D à #8FA46E

#3E5D4D #8FA46E

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

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

0.0%	0.0% #3E5D4D	RVB 62 93 77	#3E5D4D
16.7%	16.7% #4B6852	RVB 75 104 82	#4B6852
33.3%	33.3% #597458	RVB 89 116 88	#597458
50.0%	50.0% #66805D	RVB 102 128 93	#66805D
66.7%	66.7% #748C63	RVB 116 140 99	#748C63
83.3%	83.3% #819868	RVB 129 152 104	#819868
100.0%	100.0% #8FA46E	RVB 143 164 110	#8FA46E

#3E5D4D #4B6852 #597458 #66805D #748C63 #819868 #8FA46E

#3E5D4D - #8FA46E

Mélange HSV

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

0.0%	0.0% #3E5D4D	RVB 62 93 77	#3E5D4D
16.7%	16.7% #456850	RVB 69 104 80	#456850
33.3%	33.3% #4D7452	RVB 77 116 82	#4D7452
50.0%	50.0% #588055	RVB 88 128 85	#588055
66.7%	66.7% #698C5D	RVB 105 140 93	#698C5D
83.3%	83.3% #7B9865	RVB 123 152 101	#7B9865
100.0%	100.0% #8FA46E	RVB 143 164 110	#8FA46E

#3E5D4D #456850 #4D7452 #588055 #698C5D #7B9865 #8FA46E

#3E5D4D - #588055 - #8FA46E

Codes CSS

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

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