#271211 - #5E3C3E | 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 #271211 à #5E3C3E

#271211 #5E3C3E

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

#271211 - #5E3C3E | 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 #271211 0% et #5E3C3E 100%.

0.0%	0.0% #271211	RVB 39 18 17	#271211
16.7%	16.7% #301918	RVB 48 25 24	#301918
33.3%	33.3% #392020	RVB 57 32 32	#392020
50.0%	50.0% #422727	RVB 66 39 39	#422727
66.7%	66.7% #4B2E2F	RVB 75 46 47	#4B2E2F
83.3%	83.3% #543536	RVB 84 53 54	#543536
100.0%	100.0% #5E3C3E	RVB 94 60 62	#5E3C3E

#271211 #301918 #392020 #422727 #4B2E2F #543536 #5E3C3E

#271211 - #5E3C3E

Mélange HSV

#271211 - #5E3C3E | 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 #271211 0% et #5E3C3E 100%.

0.0%	0.0% #271211	RVB 39 18 17	#271211
16.7%	16.7% #301716	RVB 48 23 22	#301716
33.3%	33.3% #391D1C	RVB 57 29 28	#391D1C
50.0%	50.0% #422323	RVB 66 35 35	#422323
66.7%	66.7% #4B2B2B	RVB 75 43 43	#4B2B2B
83.3%	83.3% #543334	RVB 84 51 52	#543334
100.0%	100.0% #5E3C3E	RVB 94 60 62	#5E3C3E

#271211 #301716 #391D1C #422323 #4B2B2B #543334 #5E3C3E

#271211 - #422323 - #5E3C3E

Codes CSS

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

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