#5E4A2D - #1A140C | 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 #5E4A2D à #1A140C

#5E4A2D #1A140C

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

#5E4A2D - #1A140C | 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 #5E4A2D 0% et #1A140C 100%.

0.0%	0.0% #5E4A2D	RVB 94 74 45	#5E4A2D
16.7%	16.7% #524127	RVB 82 65 39	#524127
33.3%	33.3% #473822	RVB 71 56 34	#473822
50.0%	50.0% #3C2F1C	RVB 60 47 28	#3C2F1C
66.7%	66.7% #302617	RVB 48 38 23	#302617
83.3%	83.3% #251D11	RVB 37 29 17	#251D11
100.0%	100.0% #1A140C	RVB 26 20 12	#1A140C

#5E4A2D #524127 #473822 #3C2F1C #302617 #251D11 #1A140C

#5E4A2D - #1A140C

Mélange HSV

#5E4A2D - #1A140C | 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 #5E4A2D 0% et #1A140C 100%.

0.0%	0.0% #5E4A2D	RVB 94 74 45	#5E4A2D
16.7%	16.7% #524027	RVB 82 64 39	#524027
33.3%	33.3% #473721	RVB 71 55 33	#473721
50.0%	50.0% #3C2E1C	RVB 60 46 28	#3C2E1C
66.7%	66.7% #302516	RVB 48 37 22	#302516
83.3%	83.3% #251C11	RVB 37 28 17	#251C11
100.0%	100.0% #1A140C	RVB 26 20 12	#1A140C

#5E4A2D #524027 #473721 #3C2E1C #302516 #251C11 #1A140C

#5E4A2D - #3C2E1C - #1A140C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A2D 0%, #3C2E1C 50%, #1A140C 100%);
    background: -webkit-linear-gradient(top, #5E4A2D 0%, #3C2E1C 50%, #1A140C 100%);
    background: linear-gradient(to bottom, #5E4A2D 0%, #3C2E1C 50%, #1A140C 100%);
}
</style>