#C3C6B6 - #E3C9C0 | 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 #C3C6B6 à #E3C9C0

#C3C6B6 #E3C9C0

Calculez la couleur entre deux couleurs, #C3C6B6 et #E3C9C0. 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)

#C3C6B6 - #E3C9C0 | 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 #C3C6B6 0% et #E3C9C0 100%.

0.0%	0.0% #C3C6B6	RVB 195 198 182	#C3C6B6
16.7%	16.7% #C8C6B7	RVB 200 198 183	#C8C6B7
33.3%	33.3% #CDC7B9	RVB 205 199 185	#CDC7B9
50.0%	50.0% #D3C7BB	RVB 211 199 187	#D3C7BB
66.7%	66.7% #D8C8BC	RVB 216 200 188	#D8C8BC
83.3%	83.3% #DDC8BE	RVB 221 200 190	#DDC8BE
100.0%	100.0% #E3C9C0	RVB 227 201 192	#E3C9C0

#C3C6B6 #C8C6B7 #CDC7B9 #D3C7BB #D8C8BC #DDC8BE #E3C9C0

#C3C6B6 - #E3C9C0

Mélange HSV

#C3C6B6 - #E3C9C0 | 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 #C3C6B6 0% et #E3C9C0 100%.

0.0%	0.0% #C3C6B6	RVB 195 198 182	#C3C6B6
16.7%	16.7% #CACAB7	RVB 202 202 183	#CACAB7
33.3%	33.3% #CFCCB9	RVB 207 204 185	#CFCCB9
50.0%	50.0% #D4CDBB	RVB 212 205 187	#D4CDBB
66.7%	66.7% #D9CDBD	RVB 217 205 189	#D9CDBD
83.3%	83.3% #DECBBE	RVB 222 203 190	#DECBBE
100.0%	100.0% #E3C9C0	RVB 227 201 192	#E3C9C0

#C3C6B6 #CACAB7 #CFCCB9 #D4CDBB #D9CDBD #DECBBE #E3C9C0

#C3C6B6 - #D4CDBB - #E3C9C0

Codes CSS

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

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