#CCC3BB - #8F8D5E | 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 #CCC3BB à #8F8D5E

#CCC3BB #8F8D5E

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

#CCC3BB - #8F8D5E | 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 #CCC3BB 0% et #8F8D5E 100%.

0.0%	0.0% #CCC3BB	RVB 204 195 187	#CCC3BB
16.7%	16.7% #C1BAAB	RVB 193 186 171	#C1BAAB
33.3%	33.3% #B7B19C	RVB 183 177 156	#B7B19C
50.0%	50.0% #ADA88C	RVB 173 168 140	#ADA88C
66.7%	66.7% #A39F7D	RVB 163 159 125	#A39F7D
83.3%	83.3% #99966D	RVB 153 150 109	#99966D
100.0%	100.0% #8F8D5E	RVB 143 141 94	#8F8D5E

#CCC3BB #C1BAAB #B7B19C #ADA88C #A39F7D #99966D #8F8D5E

#CCC3BB - #8F8D5E

Mélange HSV

#CCC3BB - #8F8D5E | 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 #CCC3BB 0% et #8F8D5E 100%.

0.0%	0.0% #CCC3BB	RVB 204 195 187	#CCC3BB
16.7%	16.7% #C1B6A9	RVB 193 182 169	#C1B6A9
33.3%	33.3% #B7AC98	RVB 183 172 152	#B7AC98
50.0%	50.0% #ADA288	RVB 173 162 136	#ADA288
66.7%	66.7% #A39A79	RVB 163 154 121	#A39A79
83.3%	83.3% #99936B	RVB 153 147 107	#99936B
100.0%	100.0% #8F8D5E	RVB 143 141 94	#8F8D5E

#CCC3BB #C1B6A9 #B7AC98 #ADA288 #A39A79 #99936B #8F8D5E

#CCC3BB - #ADA288 - #8F8D5E

Codes CSS

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

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