#CCC8C7 - #8C8B79 | 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 #CCC8C7 à #8C8B79

#CCC8C7 #8C8B79

Calculez la couleur entre deux couleurs, #CCC8C7 et #8C8B79. 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)

#CCC8C7 - #8C8B79 | 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 #CCC8C7 0% et #8C8B79 100%.

0.0%	0.0% #CCC8C7	RVB 204 200 199	#CCC8C7
16.7%	16.7% #C1BDBA	RVB 193 189 186	#C1BDBA
33.3%	33.3% #B6B3AD	RVB 182 179 173	#B6B3AD
50.0%	50.0% #ACA9A0	RVB 172 169 160	#ACA9A0
66.7%	66.7% #A19F93	RVB 161 159 147	#A19F93
83.3%	83.3% #969586	RVB 150 149 134	#969586
100.0%	100.0% #8C8B79	RVB 140 139 121	#8C8B79

#CCC8C7 #C1BDBA #B6B3AD #ACA9A0 #A19F93 #969586 #8C8B79

#CCC8C7 - #8C8B79

Mélange HSV

#CCC8C7 - #8C8B79 | 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 #CCC8C7 0% et #8C8B79 100%.

0.0%	0.0% #CCC8C7	RVB 204 200 199	#CCC8C7
16.7%	16.7% #C1BBB9	RVB 193 187 185	#C1BBB9
33.3%	33.3% #B6B0AB	RVB 182 176 171	#B6B0AB
50.0%	50.0% #ACA69E	RVB 172 166 158	#ACA69E
66.7%	66.7% #A19C91	RVB 161 156 145	#A19C91
83.3%	83.3% #969385	RVB 150 147 133	#969385
100.0%	100.0% #8C8B79	RVB 140 139 121	#8C8B79

#CCC8C7 #C1BBB9 #B6B0AB #ACA69E #A19C91 #969385 #8C8B79

#CCC8C7 - #ACA69E - #8C8B79

Codes CSS

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

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