#5E4711 - #DF6B2E | 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 #5E4711 à #DF6B2E

#5E4711 #DF6B2E

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

#5E4711 - #DF6B2E | 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 #5E4711 0% et #DF6B2E 100%.

0.0%	0.0% #5E4711	RVB 94 71 17	#5E4711
16.7%	16.7% #734D15	RVB 115 77 21	#734D15
33.3%	33.3% #89531A	RVB 137 83 26	#89531A
50.0%	50.0% #9E591F	RVB 158 89 31	#9E591F
66.7%	66.7% #B45F24	RVB 180 95 36	#B45F24
83.3%	83.3% #C96529	RVB 201 101 41	#C96529
100.0%	100.0% #DF6B2E	RVB 223 107 46	#DF6B2E

#5E4711 #734D15 #89531A #9E591F #B45F24 #C96529 #DF6B2E

#5E4711 - #DF6B2E

Mélange HSV

#5E4711 - #DF6B2E | 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 #5E4711 0% et #DF6B2E 100%.

0.0%	0.0% #5E4710	RVB 94 71 16	#5E4710
16.7%	16.7% #735115	RVB 115 81 21	#735115
33.3%	33.3% #895A19	RVB 137 90 25	#895A19
50.0%	50.0% #9E611E	RVB 158 97 30	#9E611E
66.7%	66.7% #B46623	RVB 180 102 35	#B46623
83.3%	83.3% #C96928	RVB 201 105 40	#C96928
100.0%	100.0% #DF6B2E	RVB 223 107 46	#DF6B2E

#5E4710 #735115 #895A19 #9E611E #B46623 #C96928 #DF6B2E

#5E4711 - #9E611E - #DF6B2E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4710 0%, #9E611E 50%, #DF6B2E 100%);
    background: -webkit-linear-gradient(top, #5E4710 0%, #9E611E 50%, #DF6B2E 100%);
    background: linear-gradient(to bottom, #5E4710 0%, #9E611E 50%, #DF6B2E 100%);
}
</style>