#C3CAC2 - #E7EACB | 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 #C3CAC2 à #E7EACB

#C3CAC2 #E7EACB

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

#C3CAC2 - #E7EACB | 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 #C3CAC2 0% et #E7EACB 100%.

0.0%	0.0% #C3CAC2	RVB 195 202 194	#C3CAC2
16.7%	16.7% #C9CFC3	RVB 201 207 195	#C9CFC3
33.3%	33.3% #CFD4C5	RVB 207 212 197	#CFD4C5
50.0%	50.0% #D5DAC6	RVB 213 218 198	#D5DAC6
66.7%	66.7% #DBDFC8	RVB 219 223 200	#DBDFC8
83.3%	83.3% #E1E4C9	RVB 225 228 201	#E1E4C9
100.0%	100.0% #E7EACB	RVB 231 234 203	#E7EACB

#C3CAC2 #C9CFC3 #CFD4C5 #D5DAC6 #DBDFC8 #E1E4C9 #E7EACB

#C3CAC2 - #E7EACB

Mélange HSV

#C3CAC2 - #E7EACB | 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 #C3CAC2 0% et #E7EACB 100%.

0.0%	0.0% #C3CAC2	RVB 195 202 194	#C3CAC2
16.7%	16.7% #C6CFC3	RVB 198 207 195	#C6CFC3
33.3%	33.3% #CBD4C5	RVB 203 212 197	#CBD4C5
50.0%	50.0% #D0DAC7	RVB 208 218 199	#D0DAC7
66.7%	66.7% #D7DFC8	RVB 215 223 200	#D7DFC8
83.3%	83.3% #DEE4C9	RVB 222 228 201	#DEE4C9
100.0%	100.0% #E7EACB	RVB 231 234 203	#E7EACB

#C3CAC2 #C6CFC3 #CBD4C5 #D0DAC7 #D7DFC8 #DEE4C9 #E7EACB

#C3CAC2 - #D0DAC7 - #E7EACB

Codes CSS

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

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