#3E5E42 - #AB8F94 | 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 #3E5E42 à #AB8F94

#3E5E42 #AB8F94

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

#3E5E42 - #AB8F94 | 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 #3E5E42 0% et #AB8F94 100%.

0.0%	0.0% #3E5E42	RVB 62 94 66	#3E5E42
16.7%	16.7% #50664F	RVB 80 102 79	#50664F
33.3%	33.3% #626E5D	RVB 98 110 93	#626E5D
50.0%	50.0% #74766B	RVB 116 118 107	#74766B
66.7%	66.7% #867E78	RVB 134 126 120	#867E78
83.3%	83.3% #988686	RVB 152 134 134	#988686
100.0%	100.0% #AB8F94	RVB 171 143 148	#AB8F94

#3E5E42 #50664F #626E5D #74766B #867E78 #988686 #AB8F94

#3E5E42 - #AB8F94

Mélange HSV

#3E5E42 - #AB8F94 | 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 #3E5E42 0% et #AB8F94 100%.

0.0%	0.0% #3E5E42	RVB 62 94 66	#3E5E42
16.7%	16.7% #526A49	RVB 82 106 73	#526A49
33.3%	33.3% #6B7755	RVB 107 119 85	#6B7755
50.0%	50.0% #848363	RVB 132 131 99	#848363
66.7%	66.7% #918470	RVB 145 132 112	#918470
83.3%	83.3% #9E857F	RVB 158 133 127	#9E857F
100.0%	100.0% #AB8F94	RVB 171 143 148	#AB8F94

#3E5E42 #526A49 #6B7755 #848363 #918470 #9E857F #AB8F94

#3E5E42 - #848363 - #AB8F94

Codes CSS

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

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