#6B5E64 - #4D133E | 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 #6B5E64 à #4D133E

#6B5E64 #4D133E

Calculez la couleur entre deux couleurs, #6B5E64 et #4D133E. 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)

#6B5E64 - #4D133E | 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 #6B5E64 0% et #4D133E 100%.

0.0%	0.0% #6B5E64	RVB 107 94 100	#6B5E64
16.7%	16.7% #66515D	RVB 102 81 93	#66515D
33.3%	33.3% #614557	RVB 97 69 87	#614557
50.0%	50.0% #5C3851	RVB 92 56 81	#5C3851
66.7%	66.7% #572C4A	RVB 87 44 74	#572C4A
83.3%	83.3% #521F44	RVB 82 31 68	#521F44
100.0%	100.0% #4D133E	RVB 77 19 62	#4D133E

#6B5E64 #66515D #614557 #5C3851 #572C4A #521F44 #4D133E

#6B5E64 - #4D133E

Mélange HSV

#6B5E64 - #4D133E | 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 #6B5E64 0% et #4D133E 100%.

0.0%	0.0% #6B5E64	RVB 107 94 100	#6B5E64
16.7%	16.7% #664E5A	RVB 102 78 90	#664E5A
33.3%	33.3% #614052	RVB 97 64 82	#614052
50.0%	50.0% #5C334B	RVB 92 51 75	#5C334B
66.7%	66.7% #572746	RVB 87 39 70	#572746
83.3%	83.3% #521C41	RVB 82 28 65	#521C41
100.0%	100.0% #4D133E	RVB 77 19 62	#4D133E

#6B5E64 #664E5A #614052 #5C334B #572746 #521C41 #4D133E

#6B5E64 - #5C334B - #4D133E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E64 0%, #5C334B 50%, #4D133E 100%);
    background: -webkit-linear-gradient(top, #6B5E64 0%, #5C334B 50%, #4D133E 100%);
    background: linear-gradient(to bottom, #6B5E64 0%, #5C334B 50%, #4D133E 100%);
}
</style>