#96763C - #5E3E09 | 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 #96763C à #5E3E09

#96763C #5E3E09

Calculez la couleur entre deux couleurs, #96763C et #5E3E09. 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)

#96763C - #5E3E09 | 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 #96763C 0% et #5E3E09 100%.

0.0%	0.0% #96763C	RVB 150 118 60	#96763C
16.7%	16.7% #8C6C33	RVB 140 108 51	#8C6C33
33.3%	33.3% #83632B	RVB 131 99 43	#83632B
50.0%	50.0% #7A5A22	RVB 122 90 34	#7A5A22
66.7%	66.7% #70501A	RVB 112 80 26	#70501A
83.3%	83.3% #674711	RVB 103 71 17	#674711
100.0%	100.0% #5E3E09	RVB 94 62 9	#5E3E09

#96763C #8C6C33 #83632B #7A5A22 #70501A #674711 #5E3E09

#96763C - #5E3E09

Mélange HSV

#96763C - #5E3E09 | 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 #96763C 0% et #5E3E09 100%.

0.0%	0.0% #96763C	RVB 150 118 60	#96763C
16.7%	16.7% #8C6B31	RVB 140 107 49	#8C6B31
33.3%	33.3% #836127	RVB 131 97 39	#836127
50.0%	50.0% #7A581E	RVB 122 88 30	#7A581E
66.7%	66.7% #704F16	RVB 112 79 22	#704F16
83.3%	83.3% #67460F	RVB 103 70 15	#67460F
100.0%	100.0% #5E3E09	RVB 94 62 9	#5E3E09

#96763C #8C6B31 #836127 #7A581E #704F16 #67460F #5E3E09

#96763C - #7A581E - #5E3E09

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96763C 0%, #7A581E 50%, #5E3E09 100%);
    background: -webkit-linear-gradient(top, #96763C 0%, #7A581E 50%, #5E3E09 100%);
    background: linear-gradient(to bottom, #96763C 0%, #7A581E 50%, #5E3E09 100%);
}
</style>