#CCC9C7 - #8C8675 | 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 #CCC9C7 à #8C8675

#CCC9C7 #8C8675

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

#CCC9C7 - #8C8675 | 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 #CCC9C7 0% et #8C8675 100%.

0.0%	0.0% #CCC9C7	RVB 204 201 199	#CCC9C7
16.7%	16.7% #C1BDB9	RVB 193 189 185	#C1BDB9
33.3%	33.3% #B6B2AB	RVB 182 178 171	#B6B2AB
50.0%	50.0% #ACA79E	RVB 172 167 158	#ACA79E
66.7%	66.7% #A19C90	RVB 161 156 144	#A19C90
83.3%	83.3% #969182	RVB 150 145 130	#969182
100.0%	100.0% #8C8675	RVB 140 134 117	#8C8675

#CCC9C7 #C1BDB9 #B6B2AB #ACA79E #A19C90 #969182 #8C8675

#CCC9C7 - #8C8675

Mélange HSV

#CCC9C7 - #8C8675 | 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 #CCC9C7 0% et #8C8675 100%.

0.0%	0.0% #CCC9C7	RVB 204 201 199	#CCC9C7
16.7%	16.7% #C1BCB8	RVB 193 188 184	#C1BCB8
33.3%	33.3% #B6B0A9	RVB 182 176 169	#B6B0A9
50.0%	50.0% #ACA59B	RVB 172 165 155	#ACA59B
66.7%	66.7% #A19A8E	RVB 161 154 142	#A19A8E
83.3%	83.3% #968F81	RVB 150 143 129	#968F81
100.0%	100.0% #8C8675	RVB 140 134 117	#8C8675

#CCC9C7 #C1BCB8 #B6B0A9 #ACA59B #A19A8E #968F81 #8C8675

#CCC9C7 - #ACA59B - #8C8675

Codes CSS

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

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