#5E5E66 - #B7BD89 | 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 #5E5E66 à #B7BD89

#5E5E66 #B7BD89

Calculez la couleur entre deux couleurs, #5E5E66 et #B7BD89. 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)

#5E5E66 - #B7BD89 | 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 #5E5E66 0% et #B7BD89 100%.

0.0%	0.0% #5E5E66	RVB 94 94 102	#5E5E66
16.7%	16.7% #6C6D6B	RVB 108 109 107	#6C6D6B
33.3%	33.3% #7B7D71	RVB 123 125 113	#7B7D71
50.0%	50.0% #8A8D77	RVB 138 141 119	#8A8D77
66.7%	66.7% #999D7D	RVB 153 157 125	#999D7D
83.3%	83.3% #A8AD83	RVB 168 173 131	#A8AD83
100.0%	100.0% #B7BD89	RVB 183 189 137	#B7BD89

#5E5E66 #6C6D6B #7B7D71 #8A8D77 #999D7D #A8AD83 #B7BD89

#5E5E66 - #B7BD89

Mélange HSV

#5E5E66 - #B7BD89 | 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 #5E5E66 0% et #B7BD89 100%.

0.0%	0.0% #5E5E66	RVB 94 94 102	#5E5E66
16.7%	16.7% #676D74	RVB 103 109 116	#676D74
33.3%	33.3% #708283	RVB 112 130 131	#708283
50.0%	50.0% #779186	RVB 119 145 134	#779186
66.7%	66.7% #7EA081	RVB 126 160 129	#7EA081
83.3%	83.3% #95AE84	RVB 149 174 132	#95AE84
100.0%	100.0% #B7BD89	RVB 183 189 137	#B7BD89

#5E5E66 #676D74 #708283 #779186 #7EA081 #95AE84 #B7BD89

#5E5E66 - #779186 - #B7BD89

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E66 0%, #779186 50%, #B7BD89 100%);
    background: -webkit-linear-gradient(top, #5E5E66 0%, #779186 50%, #B7BD89 100%);
    background: linear-gradient(to bottom, #5E5E66 0%, #779186 50%, #B7BD89 100%);
}
</style>