#CED2D7 - #E5E6DF | 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 #CED2D7 à #E5E6DF

#CED2D7 #E5E6DF

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

#CED2D7 - #E5E6DF | 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 #CED2D7 0% et #E5E6DF 100%.

0.0%	0.0% #CED2D7	RVB 206 210 215	#CED2D7
16.7%	16.7% #D1D5D8	RVB 209 213 216	#D1D5D8
33.3%	33.3% #D5D8D9	RVB 213 216 217	#D5D8D9
50.0%	50.0% #D9DCDB	RVB 217 220 219	#D9DCDB
66.7%	66.7% #DDDFDC	RVB 221 223 220	#DDDFDC
83.3%	83.3% #E1E2DD	RVB 225 226 221	#E1E2DD
100.0%	100.0% #E5E6DF	RVB 229 230 223	#E5E6DF

#CED2D7 #D1D5D8 #D5D8D9 #D9DCDB #DDDFDC #E1E2DD #E5E6DF

#CED2D7 - #E5E6DF

Mélange HSV

#CED2D7 - #E5E6DF | 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 #CED2D7 0% et #E5E6DF 100%.

0.0%	0.0% #CED2D7	RVB 206 210 215	#CED2D7
16.7%	16.7% #D0D8D9	RVB 208 216 217	#D0D8D9
33.3%	33.3% #D3DCD9	RVB 211 220 217	#D3DCD9
50.0%	50.0% #D6DED9	RVB 214 222 217	#D6DED9
66.7%	66.7% #D9E1D9	RVB 217 225 217	#D9E1D9
83.3%	83.3% #DFE3DC	RVB 223 227 220	#DFE3DC
100.0%	100.0% #E5E6DF	RVB 229 230 223	#E5E6DF

#CED2D7 #D0D8D9 #D3DCD9 #D6DED9 #D9E1D9 #DFE3DC #E5E6DF

#CED2D7 - #D6DED9 - #E5E6DF

Codes CSS

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

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