#5E2D08 - #BA651E | 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 #5E2D08 à #BA651E

#5E2D08 #BA651E

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

#5E2D08 - #BA651E | 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 #5E2D08 0% et #BA651E 100%.

0.0%	0.0% #5E2D08	RVB 94 45 8	#5E2D08
16.7%	16.7% #6D360B	RVB 109 54 11	#6D360B
33.3%	33.3% #7C3F0F	RVB 124 63 15	#7C3F0F
50.0%	50.0% #8C4913	RVB 140 73 19	#8C4913
66.7%	66.7% #9B5216	RVB 155 82 22	#9B5216
83.3%	83.3% #AA5B1A	RVB 170 91 26	#AA5B1A
100.0%	100.0% #BA651E	RVB 186 101 30	#BA651E

#5E2D08 #6D360B #7C3F0F #8C4913 #9B5216 #AA5B1A #BA651E

#5E2D08 - #BA651E

Mélange HSV

#5E2D08 - #BA651E | 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 #5E2D08 0% et #BA651E 100%.

0.0%	0.0% #5E2C07	RVB 94 44 7	#5E2C07
16.7%	16.7% #6D350A	RVB 109 53 10	#6D350A
33.3%	33.3% #7C3E0D	RVB 124 62 13	#7C3E0D
50.0%	50.0% #8C4711	RVB 140 71 17	#8C4711
66.7%	66.7% #9B5115	RVB 155 81 21	#9B5115
83.3%	83.3% #AA5A19	RVB 170 90 25	#AA5A19
100.0%	100.0% #BA651E	RVB 186 101 30	#BA651E

#5E2C07 #6D350A #7C3E0D #8C4711 #9B5115 #AA5A19 #BA651E

#5E2D08 - #8C4711 - #BA651E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2C07 0%, #8C4711 50%, #BA651E 100%);
    background: -webkit-linear-gradient(top, #5E2C07 0%, #8C4711 50%, #BA651E 100%);
    background: linear-gradient(to bottom, #5E2C07 0%, #8C4711 50%, #BA651E 100%);
}
</style>