#3E5E53 - #8DA571 | 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 #3E5E53 à #8DA571

#3E5E53 #8DA571

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

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

0.0%	0.0% #3E5E53	RVB 62 94 83	#3E5E53
16.7%	16.7% #4B6958	RVB 75 105 88	#4B6958
33.3%	33.3% #58755D	RVB 88 117 93	#58755D
50.0%	50.0% #658162	RVB 101 129 98	#658162
66.7%	66.7% #728D67	RVB 114 141 103	#728D67
83.3%	83.3% #7F996C	RVB 127 153 108	#7F996C
100.0%	100.0% #8DA571	RVB 141 165 113	#8DA571

#3E5E53 #4B6958 #58755D #658162 #728D67 #7F996C #8DA571

#3E5E53 - #8DA571

Mélange HSV

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

0.0%	0.0% #3E5E53	RVB 62 94 83	#3E5E53
16.7%	16.7% #466956	RVB 70 105 86	#466956
33.3%	33.3% #4E7558	RVB 78 117 88	#4E7558
50.0%	50.0% #578159	RVB 87 129 89	#578159
66.7%	66.7% #668D5F	RVB 102 141 95	#668D5F
83.3%	83.3% #789968	RVB 120 153 104	#789968
100.0%	100.0% #8DA571	RVB 141 165 113	#8DA571

#3E5E53 #466956 #4E7558 #578159 #668D5F #789968 #8DA571

#3E5E53 - #578159 - #8DA571

Codes CSS

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

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