#5B5E5A - #CFD1CF | 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 #5B5E5A à #CFD1CF

#5B5E5A #CFD1CF

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

#5B5E5A - #CFD1CF | 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 #5B5E5A 0% et #CFD1CF 100%.

0.0%	0.0% #5B5E5A	RVB 91 94 90	#5B5E5A
16.7%	16.7% #6E716D	RVB 110 113 109	#6E716D
33.3%	33.3% #818481	RVB 129 132 129	#818481
50.0%	50.0% #959794	RVB 149 151 148	#959794
66.7%	66.7% #A8AAA8	RVB 168 170 168	#A8AAA8
83.3%	83.3% #BBBDBB	RVB 187 189 187	#BBBDBB
100.0%	100.0% #CFD1CF	RVB 207 209 207	#CFD1CF

#5B5E5A #6E716D #818481 #959794 #A8AAA8 #BBBDBB #CFD1CF

#5B5E5A - #CFD1CF

Mélange HSV

#5B5E5A - #CFD1CF | 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 #5B5E5A 0% et #CFD1CF 100%.

0.0%	0.0% #5B5E5A	RVB 91 94 90	#5B5E5A
16.7%	16.7% #6D716C	RVB 109 113 108	#6D716C
33.3%	33.3% #808480	RVB 128 132 128	#808480
50.0%	50.0% #949793	RVB 148 151 147	#949793
66.7%	66.7% #A7AAA7	RVB 167 170 167	#A7AAA7
83.3%	83.3% #BBBDBA	RVB 187 189 186	#BBBDBA
100.0%	100.0% #CFD1CF	RVB 207 209 207	#CFD1CF

#5B5E5A #6D716C #808480 #949793 #A7AAA7 #BBBDBA #CFD1CF

#5B5E5A - #949793 - #CFD1CF

Codes CSS

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

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