#671F00 - #AD6C5E | 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 #671F00 à #AD6C5E

#671F00 #AD6C5E

Calculez la couleur entre deux couleurs, #671F00 et #AD6C5E. 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)

#671F00 - #AD6C5E | 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 #671F00 0% et #AD6C5E 100%.

0.0%	0.0% #671F00	RVB 103 31 0	#671F00
16.7%	16.7% #722B0F	RVB 114 43 15	#722B0F
33.3%	33.3% #7E381F	RVB 126 56 31	#7E381F
50.0%	50.0% #8A452F	RVB 138 69 47	#8A452F
66.7%	66.7% #95523E	RVB 149 82 62	#95523E
83.3%	83.3% #A15F4E	RVB 161 95 78	#A15F4E
100.0%	100.0% #AD6C5E	RVB 173 108 94	#AD6C5E

#671F00 #722B0F #7E381F #8A452F #95523E #A15F4E #AD6C5E

#671F00 - #AD6C5E

Mélange HSV

#671F00 - #AD6C5E | 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 #671F00 0% et #AD6C5E 100%.

0.0%	0.0% #671F00	RVB 103 31 0	#671F00
16.7%	16.7% #72270A	RVB 114 39 10	#72270A
33.3%	33.3% #7E3116	RVB 126 49 22	#7E3116
50.0%	50.0% #8A3D25	RVB 138 61 37	#8A3D25
66.7%	66.7% #954B36	RVB 149 75 54	#954B36
83.3%	83.3% #A15A49	RVB 161 90 73	#A15A49
100.0%	100.0% #AD6C5E	RVB 173 108 94	#AD6C5E

#671F00 #72270A #7E3116 #8A3D25 #954B36 #A15A49 #AD6C5E

#671F00 - #8A3D25 - #AD6C5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
    background: -webkit-linear-gradient(top, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
    background: linear-gradient(to bottom, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
}
</style>