#3E5E55 - #AB9A8F | 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 #3E5E55 à #AB9A8F

#3E5E55 #AB9A8F

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

#3E5E55 - #AB9A8F | 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 #3E5E55 0% et #AB9A8F 100%.

0.0%	0.0% #3E5E55	RVB 62 94 85	#3E5E55
16.7%	16.7% #50685E	RVB 80 104 94	#50685E
33.3%	33.3% #627268	RVB 98 114 104	#627268
50.0%	50.0% #747C72	RVB 116 124 114	#747C72
66.7%	66.7% #86867B	RVB 134 134 123	#86867B
83.3%	83.3% #989085	RVB 152 144 133	#989085
100.0%	100.0% #AB9A8F	RVB 171 154 143	#AB9A8F

#3E5E55 #50685E #627268 #747C72 #86867B #989085 #AB9A8F

#3E5E55 - #AB9A8F

Mélange HSV

#3E5E55 - #AB9A8F | 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 #3E5E55 0% et #AB9A8F 100%.

0.0%	0.0% #3E5E55	RVB 62 94 85	#3E5E55
16.7%	16.7% #496A54	RVB 73 106 84	#496A54
33.3%	33.3% #577755	RVB 87 119 85	#577755
50.0%	50.0% #718463	RVB 113 132 99	#718463
66.7%	66.7% #8B9170	RVB 139 145 112	#8B9170
83.3%	83.3% #9E977F	RVB 158 151 127	#9E977F
100.0%	100.0% #AB9A8F	RVB 171 154 143	#AB9A8F

#3E5E55 #496A54 #577755 #718463 #8B9170 #9E977F #AB9A8F

#3E5E55 - #718463 - #AB9A8F

Codes CSS

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

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