#5E3C30 - #471B05 | 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 #5E3C30 à #471B05

#5E3C30 #471B05

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

#5E3C30 - #471B05 | 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 #5E3C30 0% et #471B05 100%.

0.0%	0.0% #5E3C30	RVB 94 60 48	#5E3C30
16.7%	16.7% #5A3628	RVB 90 54 40	#5A3628
33.3%	33.3% #563121	RVB 86 49 33	#563121
50.0%	50.0% #522B1A	RVB 82 43 26	#522B1A
66.7%	66.7% #4E2613	RVB 78 38 19	#4E2613
83.3%	83.3% #4A200C	RVB 74 32 12	#4A200C
100.0%	100.0% #471B05	RVB 71 27 5	#471B05

#5E3C30 #5A3628 #563121 #522B1A #4E2613 #4A200C #471B05

#5E3C30 - #471B05

Mélange HSV

#5E3C30 - #471B05 | 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 #5E3C30 0% et #471B05 100%.

0.0%	0.0% #5E3C30	RVB 94 60 48	#5E3C30
16.7%	16.7% #5A3527	RVB 90 53 39	#5A3527
33.3%	33.3% #562F1F	RVB 86 47 31	#562F1F
50.0%	50.0% #522917	RVB 82 41 23	#522917
66.7%	66.7% #4E2411	RVB 78 36 17	#4E2411
83.3%	83.3% #4A1F0A	RVB 74 31 10	#4A1F0A
100.0%	100.0% #471B05	RVB 71 27 5	#471B05

#5E3C30 #5A3527 #562F1F #522917 #4E2411 #4A1F0A #471B05

#5E3C30 - #522917 - #471B05

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C30 0%, #522917 50%, #471B05 100%);
    background: -webkit-linear-gradient(top, #5E3C30 0%, #522917 50%, #471B05 100%);
    background: linear-gradient(to bottom, #5E3C30 0%, #522917 50%, #471B05 100%);
}
</style>