#5E5557 - #D1CECE | 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 #5E5557 à #D1CECE

#5E5557 #D1CECE

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

#5E5557 - #D1CECE | 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 #5E5557 0% et #D1CECE 100%.

0.0%	0.0% #5E5557	RVB 94 85 87	#5E5557
16.7%	16.7% #71696A	RVB 113 105 106	#71696A
33.3%	33.3% #847D7E	RVB 132 125 126	#847D7E
50.0%	50.0% #979192	RVB 151 145 146	#979192
66.7%	66.7% #AAA5A6	RVB 170 165 166	#AAA5A6
83.3%	83.3% #BDB9BA	RVB 189 185 186	#BDB9BA
100.0%	100.0% #D1CECE	RVB 209 206 206	#D1CECE

#5E5557 #71696A #847D7E #979192 #AAA5A6 #BDB9BA #D1CECE

#5E5557 - #D1CECE

Mélange HSV

#5E5557 - #D1CECE | 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 #5E5557 0% et #D1CECE 100%.

0.0%	0.0% #5E5557	RVB 94 85 87	#5E5557
16.7%	16.7% #716769	RVB 113 103 105	#716769
33.3%	33.3% #847B7C	RVB 132 123 124	#847B7C
50.0%	50.0% #978F90	RVB 151 143 144	#978F90
66.7%	66.7% #AAA3A4	RVB 170 163 164	#AAA3A4
83.3%	83.3% #BDB8B8	RVB 189 184 184	#BDB8B8
100.0%	100.0% #D1CECE	RVB 209 206 206	#D1CECE

#5E5557 #716769 #847B7C #978F90 #AAA3A4 #BDB8B8 #D1CECE

#5E5557 - #978F90 - #D1CECE

Codes CSS

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

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