#6A8C8C - #B5C595 | 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 #6A8C8C à #B5C595

#6A8C8C #B5C595

Calculez la couleur entre deux couleurs, #6A8C8C et #B5C595. 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)

#6A8C8C - #B5C595 | 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 #6A8C8C 0% et #B5C595 100%.

0.0%	0.0% #6A8C8C	RVB 106 140 140	#6A8C8C
16.7%	16.7% #76958D	RVB 118 149 141	#76958D
33.3%	33.3% #839F8F	RVB 131 159 143	#839F8F
50.0%	50.0% #8FA890	RVB 143 168 144	#8FA890
66.7%	66.7% #9CB292	RVB 156 178 146	#9CB292
83.3%	83.3% #A8BB93	RVB 168 187 147	#A8BB93
100.0%	100.0% #B5C595	RVB 181 197 149	#B5C595

#6A8C8C #76958D #839F8F #8FA890 #9CB292 #A8BB93 #B5C595

#6A8C8C - #B5C595

Mélange HSV

#6A8C8C - #B5C595 | 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 #6A8C8C 0% et #B5C595 100%.

0.0%	0.0% #6A8C8C	RVB 106 140 140	#6A8C8C
16.7%	16.7% #71958B	RVB 113 149 139	#71958B
33.3%	33.3% #789F89	RVB 120 159 137	#789F89
50.0%	50.0% #7FA886	RVB 127 168 134	#7FA886
66.7%	66.7% #8BB286	RVB 139 178 134	#8BB286
83.3%	83.3% #9FBB8D	RVB 159 187 141	#9FBB8D
100.0%	100.0% #B5C595	RVB 181 197 149	#B5C595

#6A8C8C #71958B #789F89 #7FA886 #8BB286 #9FBB8D #B5C595

#6A8C8C - #7FA886 - #B5C595

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8C8C 0%, #7FA886 50%, #B5C595 100%);
    background: -webkit-linear-gradient(top, #6A8C8C 0%, #7FA886 50%, #B5C595 100%);
    background: linear-gradient(to bottom, #6A8C8C 0%, #7FA886 50%, #B5C595 100%);
}
</style>