#3E2D3C - #AB756D | 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 #3E2D3C à #AB756D

#3E2D3C #AB756D

Calculez la couleur entre deux couleurs, #3E2D3C et #AB756D. 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)

#3E2D3C - #AB756D | 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 #3E2D3C 0% et #AB756D 100%.

0.0%	0.0% #3E2D3C	RVB 62 45 60	#3E2D3C
16.7%	16.7% #503944	RVB 80 57 68	#503944
33.3%	33.3% #62454C	RVB 98 69 76	#62454C
50.0%	50.0% #745154	RVB 116 81 84	#745154
66.7%	66.7% #865D5C	RVB 134 93 92	#865D5C
83.3%	83.3% #986964	RVB 152 105 100	#986964
100.0%	100.0% #AB756D	RVB 171 117 109	#AB756D

#3E2D3C #503944 #62454C #745154 #865D5C #986964 #AB756D

#3E2D3C - #AB756D

Mélange HSV

#3E2D3C - #AB756D | 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 #3E2D3C 0% et #AB756D 100%.

0.0%	0.0% #3E2D3C	RVB 62 45 60	#3E2D3C
16.7%	16.7% #503949	RVB 80 57 73	#503949
33.3%	33.3% #624454	RVB 98 68 84	#624454
50.0%	50.0% #744F5D	RVB 116 79 93	#744F5D
66.7%	66.7% #865963	RVB 134 89 99	#865963
83.3%	83.3% #986365	RVB 152 99 101	#986365
100.0%	100.0% #AB756D	RVB 171 117 109	#AB756D

#3E2D3C #503949 #624454 #744F5D #865963 #986365 #AB756D

#3E2D3C - #744F5D - #AB756D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D3C 0%, #744F5D 50%, #AB756D 100%);
    background: -webkit-linear-gradient(top, #3E2D3C 0%, #744F5D 50%, #AB756D 100%);
    background: linear-gradient(to bottom, #3E2D3C 0%, #744F5D 50%, #AB756D 100%);
}
</style>