#C4CDDB - #E3E4DF | 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 #C4CDDB à #E3E4DF

#C4CDDB #E3E4DF

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

#C4CDDB - #E3E4DF | 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 #C4CDDB 0% et #E3E4DF 100%.

0.0%	0.0% #C4CDDB	RVB 196 205 219	#C4CDDB
16.7%	16.7% #C9D0DB	RVB 201 208 219	#C9D0DB
33.3%	33.3% #CED4DC	RVB 206 212 220	#CED4DC
50.0%	50.0% #D3D8DD	RVB 211 216 221	#D3D8DD
66.7%	66.7% #D8DCDD	RVB 216 220 221	#D8DCDD
83.3%	83.3% #DDE0DE	RVB 221 224 222	#DDE0DE
100.0%	100.0% #E3E4DF	RVB 227 228 223	#E3E4DF

#C4CDDB #C9D0DB #CED4DC #D3D8DD #D8DCDD #DDE0DE #E3E4DF

#C4CDDB - #E3E4DF

Mélange HSV

#C4CDDB - #E3E4DF | 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 #C4CDDB 0% et #E3E4DF 100%.

0.0%	0.0% #C4CDDB	RVB 196 205 219	#C4CDDB
16.7%	16.7% #C8D8DC	RVB 200 216 220	#C8D8DC
33.3%	33.3% #CCDEDA	RVB 204 222 218	#CCDEDA
50.0%	50.0% #D1DFD7	RVB 209 223 215	#D1DFD7
66.7%	66.7% #D5E1D5	RVB 213 225 213	#D5E1D5
83.3%	83.3% #DDE2DA	RVB 221 226 218	#DDE2DA
100.0%	100.0% #E3E4DF	RVB 227 228 223	#E3E4DF

#C4CDDB #C8D8DC #CCDEDA #D1DFD7 #D5E1D5 #DDE2DA #E3E4DF

#C4CDDB - #D1DFD7 - #E3E4DF

Codes CSS

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

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