#C2B8C0 - #ECCEEB | 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 #C2B8C0 à #ECCEEB

#C2B8C0 #ECCEEB

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

#C2B8C0 - #ECCEEB | 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 #C2B8C0 0% et #ECCEEB 100%.

0.0%	0.0% #C2B8C0	RVB 194 184 192	#C2B8C0
16.7%	16.7% #C9BBC7	RVB 201 187 199	#C9BBC7
33.3%	33.3% #D0BFCE	RVB 208 191 206	#D0BFCE
50.0%	50.0% #D7C3D5	RVB 215 195 213	#D7C3D5
66.7%	66.7% #DEC6DC	RVB 222 198 220	#DEC6DC
83.3%	83.3% #E5CAE3	RVB 229 202 227	#E5CAE3
100.0%	100.0% #ECCEEB	RVB 236 206 235	#ECCEEB

#C2B8C0 #C9BBC7 #D0BFCE #D7C3D5 #DEC6DC #E5CAE3 #ECCEEB

#C2B8C0 - #ECCEEB

Mélange HSV

#C2B8C0 - #ECCEEB | 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 #C2B8C0 0% et #ECCEEB 100%.

0.0%	0.0% #C2B8C0	RVB 194 184 192	#C2B8C0
16.7%	16.7% #C9BCC6	RVB 201 188 198	#C9BCC6
33.3%	33.3% #D0C0CD	RVB 208 192 205	#D0C0CD
50.0%	50.0% #D7C3D4	RVB 215 195 212	#D7C3D4
66.7%	66.7% #DEC7DB	RVB 222 199 219	#DEC7DB
83.3%	83.3% #E5CAE3	RVB 229 202 227	#E5CAE3
100.0%	100.0% #ECCEEB	RVB 236 206 235	#ECCEEB

#C2B8C0 #C9BCC6 #D0C0CD #D7C3D4 #DEC7DB #E5CAE3 #ECCEEB

#C2B8C0 - #D7C3D4 - #ECCEEB

Codes CSS

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

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