#794A40 - #DFAA5E | 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 #794A40 à #DFAA5E

#794A40 #DFAA5E

Calculez la couleur entre deux couleurs, #794A40 et #DFAA5E. 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)

#794A40 - #DFAA5E | 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 #794A40 0% et #DFAA5E 100%.

0.0%	0.0% #794A40	RVB 121 74 64	#794A40
16.7%	16.7% #8A5A45	RVB 138 90 69	#8A5A45
33.3%	33.3% #9B6A4A	RVB 155 106 74	#9B6A4A
50.0%	50.0% #AC7A4F	RVB 172 122 79	#AC7A4F
66.7%	66.7% #BD8A54	RVB 189 138 84	#BD8A54
83.3%	83.3% #CE9A59	RVB 206 154 89	#CE9A59
100.0%	100.0% #DFAA5E	RVB 223 170 94	#DFAA5E

#794A40 #8A5A45 #9B6A4A #AC7A4F #BD8A54 #CE9A59 #DFAA5E

#794A40 - #DFAA5E

Mélange HSV

#794A40 - #DFAA5E | 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 #794A40 0% et #DFAA5E 100%.

0.0%	0.0% #794A40	RVB 121 74 64	#794A40
16.7%	16.7% #8A5746	RVB 138 87 70	#8A5746
33.3%	33.3% #9B654C	RVB 155 101 76	#9B654C
50.0%	50.0% #AC7451	RVB 172 116 81	#AC7451
66.7%	66.7% #BD8456	RVB 189 132 86	#BD8456
83.3%	83.3% #CE965A	RVB 206 150 90	#CE965A
100.0%	100.0% #DFAA5E	RVB 223 170 94	#DFAA5E

#794A40 #8A5746 #9B654C #AC7451 #BD8456 #CE965A #DFAA5E

#794A40 - #AC7451 - #DFAA5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #794A40 0%, #AC7451 50%, #DFAA5E 100%);
    background: -webkit-linear-gradient(top, #794A40 0%, #AC7451 50%, #DFAA5E 100%);
    background: linear-gradient(to bottom, #794A40 0%, #AC7451 50%, #DFAA5E 100%);
}
</style>