#7E5E6B - #511F22 | 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 #7E5E6B à #511F22

#7E5E6B #511F22

Calculez la couleur entre deux couleurs, #7E5E6B et #511F22. 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)

#7E5E6B - #511F22 | 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 #7E5E6B 0% et #511F22 100%.

0.0%	0.0% #7E5E6B	RVB 126 94 107	#7E5E6B
16.7%	16.7% #76535E	RVB 118 83 94	#76535E
33.3%	33.3% #6F4952	RVB 111 73 82	#6F4952
50.0%	50.0% #673E46	RVB 103 62 70	#673E46
66.7%	66.7% #60343A	RVB 96 52 58	#60343A
83.3%	83.3% #58292E	RVB 88 41 46	#58292E
100.0%	100.0% #511F22	RVB 81 31 34	#511F22

#7E5E6B #76535E #6F4952 #673E46 #60343A #58292E #511F22

#7E5E6B - #511F22

Mélange HSV

#7E5E6B - #511F22 | 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 #7E5E6B 0% et #511F22 100%.

0.0%	0.0% #7E5E6B	RVB 126 94 107	#7E5E6B
16.7%	16.7% #76515E	RVB 118 81 94	#76515E
33.3%	33.3% #6F4551	RVB 111 69 81	#6F4551
50.0%	50.0% #673A44	RVB 103 58 68	#673A44
66.7%	66.7% #603038	RVB 96 48 56	#603038
83.3%	83.3% #58272D	RVB 88 39 45	#58272D
100.0%	100.0% #511F22	RVB 81 31 34	#511F22

#7E5E6B #76515E #6F4551 #673A44 #603038 #58272D #511F22

#7E5E6B - #673A44 - #511F22

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E6B 0%, #673A44 50%, #511F22 100%);
    background: -webkit-linear-gradient(top, #7E5E6B 0%, #673A44 50%, #511F22 100%);
    background: linear-gradient(to bottom, #7E5E6B 0%, #673A44 50%, #511F22 100%);
}
</style>