#C8CAC8 - #5E9475 | 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 #C8CAC8 à #5E9475

#C8CAC8 #5E9475

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

#C8CAC8 - #5E9475 | 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 #C8CAC8 0% et #5E9475 100%.

0.0%	0.0% #C8CAC8	RVB 200 202 200	#C8CAC8
16.7%	16.7% #B6C1BA	RVB 182 193 186	#B6C1BA
33.3%	33.3% #A4B8AC	RVB 164 184 172	#A4B8AC
50.0%	50.0% #93AF9E	RVB 147 175 158	#93AF9E
66.7%	66.7% #81A690	RVB 129 166 144	#81A690
83.3%	83.3% #6F9D82	RVB 111 157 130	#6F9D82
100.0%	100.0% #5E9475	RVB 94 148 117	#5E9475

#C8CAC8 #B6C1BA #A4B8AC #93AF9E #81A690 #6F9D82 #5E9475

#C8CAC8 - #5E9475

Mélange HSV

#C8CAC8 - #5E9475 | 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 #C8CAC8 0% et #5E9475 100%.

0.0%	0.0% #C8CAC8	RVB 200 202 200	#C8CAC8
16.7%	16.7% #B3C1B4	RVB 179 193 180	#B3C1B4
33.3%	33.3% #A0B8A3	RVB 160 184 163	#A0B8A3
50.0%	50.0% #8EAF95	RVB 142 175 149	#8EAF95
66.7%	66.7% #7DA688	RVB 125 166 136	#7DA688
83.3%	83.3% #6D9D7E	RVB 109 157 126	#6D9D7E
100.0%	100.0% #5E9475	RVB 94 148 117	#5E9475

#C8CAC8 #B3C1B4 #A0B8A3 #8EAF95 #7DA688 #6D9D7E #5E9475

#C8CAC8 - #8EAF95 - #5E9475

Codes CSS

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

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