#6B5E11 - #AB863E | 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 #6B5E11 à #AB863E

#6B5E11 #AB863E

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

#6B5E11 - #AB863E | 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 #6B5E11 0% et #AB863E 100%.

0.0%	0.0% #6B5E11	RVB 107 94 17	#6B5E11
16.7%	16.7% #756418	RVB 117 100 24	#756418
33.3%	33.3% #806B20	RVB 128 107 32	#806B20
50.0%	50.0% #8B7227	RVB 139 114 39	#8B7227
66.7%	66.7% #95782F	RVB 149 120 47	#95782F
83.3%	83.3% #A07F36	RVB 160 127 54	#A07F36
100.0%	100.0% #AB863E	RVB 171 134 62	#AB863E

#6B5E11 #756418 #806B20 #8B7227 #95782F #A07F36 #AB863E

#6B5E11 - #AB863E

Mélange HSV

#6B5E11 - #AB863E | 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 #6B5E11 0% et #AB863E 100%.

0.0%	0.0% #6B5E11	RVB 107 94 17	#6B5E11
16.7%	16.7% #756416	RVB 117 100 22	#756416
33.3%	33.3% #806B1D	RVB 128 107 29	#806B1D
50.0%	50.0% #8B7224	RVB 139 114 36	#8B7224
66.7%	66.7% #95782C	RVB 149 120 44	#95782C
83.3%	83.3% #A07F34	RVB 160 127 52	#A07F34
100.0%	100.0% #AB863E	RVB 171 134 62	#AB863E

#6B5E11 #756416 #806B1D #8B7224 #95782C #A07F34 #AB863E

#6B5E11 - #8B7224 - #AB863E

Codes CSS

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

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