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

#C8CAC8 #5E9464

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

0.0%	0.0% #C8CAC8	RVB 200 202 200	#C8CAC8
16.7%	16.7% #B6C1B7	RVB 182 193 183	#B6C1B7
33.3%	33.3% #A4B8A6	RVB 164 184 166	#A4B8A6
50.0%	50.0% #93AF96	RVB 147 175 150	#93AF96
66.7%	66.7% #81A685	RVB 129 166 133	#81A685
83.3%	83.3% #6F9D74	RVB 111 157 116	#6F9D74
100.0%	100.0% #5E9464	RVB 94 148 100	#5E9464

#C8CAC8 #B6C1B7 #A4B8A6 #93AF96 #81A685 #6F9D74 #5E9464

#C8CAC8 - #5E9464

Mélange HSV

#C8CAC8 - #5E9464 | 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 #5E9464 100%.

0.0%	0.0% #C8CAC8	RVB 200 202 200	#C8CAC8
16.7%	16.7% #B3C1B3	RVB 179 193 179	#B3C1B3
33.3%	33.3% #A0B8A1	RVB 160 184 161	#A0B8A1
50.0%	50.0% #8EAF90	RVB 142 175 144	#8EAF90
66.7%	66.7% #7DA680	RVB 125 166 128	#7DA680
83.3%	83.3% #6D9D71	RVB 109 157 113	#6D9D71
100.0%	100.0% #5E9464	RVB 94 148 100	#5E9464

#C8CAC8 #B3C1B3 #A0B8A1 #8EAF90 #7DA680 #6D9D71 #5E9464

#C8CAC8 - #8EAF90 - #5E9464

Codes CSS

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

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