#3E5E56 - #AB9C8F | 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 #3E5E56 à #AB9C8F

#3E5E56 #AB9C8F

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

#3E5E56 - #AB9C8F | 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 #3E5E56 0% et #AB9C8F 100%.

0.0%	0.0% #3E5E56	RVB 62 94 86	#3E5E56
16.7%	16.7% #50685F	RVB 80 104 95	#50685F
33.3%	33.3% #627269	RVB 98 114 105	#627269
50.0%	50.0% #747D72	RVB 116 125 114	#747D72
66.7%	66.7% #86877C	RVB 134 135 124	#86877C
83.3%	83.3% #989185	RVB 152 145 133	#989185
100.0%	100.0% #AB9C8F	RVB 171 156 143	#AB9C8F

#3E5E56 #50685F #627269 #747D72 #86877C #989185 #AB9C8F

#3E5E56 - #AB9C8F

Mélange HSV

#3E5E56 - #AB9C8F | 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 #3E5E56 0% et #AB9C8F 100%.

0.0%	0.0% #3E5E56	RVB 62 94 86	#3E5E56
16.7%	16.7% #496A55	RVB 73 106 85	#496A55
33.3%	33.3% #567755	RVB 86 119 85	#567755
50.0%	50.0% #708463	RVB 112 132 99	#708463
66.7%	66.7% #8A9170	RVB 138 145 112	#8A9170
83.3%	83.3% #9E997F	RVB 158 153 127	#9E997F
100.0%	100.0% #AB9C8F	RVB 171 156 143	#AB9C8F

#3E5E56 #496A55 #567755 #708463 #8A9170 #9E997F #AB9C8F

#3E5E56 - #708463 - #AB9C8F

Codes CSS

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

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