#6E5E3E - #E3A45D | 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 #6E5E3E à #E3A45D

#6E5E3E #E3A45D

Calculez la couleur entre deux couleurs, #6E5E3E et #E3A45D. 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)

#6E5E3E - #E3A45D | 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 #6E5E3E 0% et #E3A45D 100%.

0.0%	0.0% #6E5E3E	RVB 110 94 62	#6E5E3E
16.7%	16.7% #816943	RVB 129 105 67	#816943
33.3%	33.3% #957548	RVB 149 117 72	#957548
50.0%	50.0% #A8814D	RVB 168 129 77	#A8814D
66.7%	66.7% #BC8C52	RVB 188 140 82	#BC8C52
83.3%	83.3% #CF9857	RVB 207 152 87	#CF9857
100.0%	100.0% #E3A45D	RVB 227 164 93	#E3A45D

#6E5E3E #816943 #957548 #A8814D #BC8C52 #CF9857 #E3A45D

#6E5E3E - #E3A45D

Mélange HSV

#6E5E3E - #E3A45D | 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 #6E5E3E 0% et #E3A45D 100%.

0.0%	0.0% #6E5E3E	RVB 110 94 62	#6E5E3E
16.7%	16.7% #816C45	RVB 129 108 69	#816C45
33.3%	33.3% #95794C	RVB 149 121 76	#95794C
50.0%	50.0% #A88552	RVB 168 133 82	#A88552
66.7%	66.7% #BC9056	RVB 188 144 86	#BC9056
83.3%	83.3% #CF9B5A	RVB 207 155 90	#CF9B5A
100.0%	100.0% #E3A45D	RVB 227 164 93	#E3A45D

#6E5E3E #816C45 #95794C #A88552 #BC9056 #CF9B5A #E3A45D

#6E5E3E - #A88552 - #E3A45D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E3E 0%, #A88552 50%, #E3A45D 100%);
    background: -webkit-linear-gradient(top, #6E5E3E 0%, #A88552 50%, #E3A45D 100%);
    background: linear-gradient(to bottom, #6E5E3E 0%, #A88552 50%, #E3A45D 100%);
}
</style>