#5E4B3E - #8DDA6B | 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 #5E4B3E à #8DDA6B

#5E4B3E #8DDA6B

Calculez la couleur entre deux couleurs, #5E4B3E et #8DDA6B. 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)

#5E4B3E - #8DDA6B | 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 #5E4B3E 0% et #8DDA6B 100%.

0.0%	0.0% #5E4B3E	RVB 94 75 62	#5E4B3E
16.7%	16.7% #656245	RVB 101 98 69	#656245
33.3%	33.3% #6D7A4D	RVB 109 122 77	#6D7A4D
50.0%	50.0% #759254	RVB 117 146 84	#759254
66.7%	66.7% #7DAA5C	RVB 125 170 92	#7DAA5C
83.3%	83.3% #85C263	RVB 133 194 99	#85C263
100.0%	100.0% #8DDA6B	RVB 141 218 107	#8DDA6B

#5E4B3E #656245 #6D7A4D #759254 #7DAA5C #85C263 #8DDA6B

#5E4B3E - #8DDA6B

Mélange HSV

#5E4B3E - #8DDA6B | 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 #5E4B3E 0% et #8DDA6B 100%.

0.0%	0.0% #5E4B3E	RVB 94 75 62	#5E4B3E
16.7%	16.7% #726248	RVB 114 98 72	#726248
33.3%	33.3% #877E51	RVB 135 126 81	#877E51
50.0%	50.0% #989C59	RVB 152 156 89	#989C59
66.7%	66.7% #9BB060	RVB 155 176 96	#9BB060
83.3%	83.3% #97C566	RVB 151 197 102	#97C566
100.0%	100.0% #8DDA6B	RVB 141 218 107	#8DDA6B

#5E4B3E #726248 #877E51 #989C59 #9BB060 #97C566 #8DDA6B

#5E4B3E - #989C59 - #8DDA6B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4B3E 0%, #989C59 50%, #8DDA6B 100%);
    background: -webkit-linear-gradient(top, #5E4B3E 0%, #989C59 50%, #8DDA6B 100%);
    background: linear-gradient(to bottom, #5E4B3E 0%, #989C59 50%, #8DDA6B 100%);
}
</style>