#5E5E59 - #D0D1CF | 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 #5E5E59 à #D0D1CF

#5E5E59 #D0D1CF

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

#5E5E59 - #D0D1CF | 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 #5E5E59 0% et #D0D1CF 100%.

0.0%	0.0% #5E5E59	RVB 94 94 89	#5E5E59
16.7%	16.7% #71716C	RVB 113 113 108	#71716C
33.3%	33.3% #848480	RVB 132 132 128	#848480
50.0%	50.0% #979794	RVB 151 151 148	#979794
66.7%	66.7% #AAAAA7	RVB 170 170 167	#AAAAA7
83.3%	83.3% #BDBDBB	RVB 189 189 187	#BDBDBB
100.0%	100.0% #D0D1CF	RVB 208 209 207	#D0D1CF

#5E5E59 #71716C #848480 #979794 #AAAAA7 #BDBDBB #D0D1CF

#5E5E59 - #D0D1CF

Mélange HSV

#5E5E59 - #D0D1CF | 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 #5E5E59 0% et #D0D1CF 100%.

0.0%	0.0% #5E5E59	RVB 94 94 89	#5E5E59
16.7%	16.7% #70716B	RVB 112 113 107	#70716B
33.3%	33.3% #83847F	RVB 131 132 127	#83847F
50.0%	50.0% #969792	RVB 150 151 146	#969792
66.7%	66.7% #A9AAA6	RVB 169 170 166	#A9AAA6
83.3%	83.3% #BCBDBA	RVB 188 189 186	#BCBDBA
100.0%	100.0% #D0D1CF	RVB 208 209 207	#D0D1CF

#5E5E59 #70716B #83847F #969792 #A9AAA6 #BCBDBA #D0D1CF

#5E5E59 - #969792 - #D0D1CF

Codes CSS

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

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