#CDD0DA - #E3E5DF | 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 #CDD0DA à #E3E5DF

#CDD0DA #E3E5DF

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

#CDD0DA - #E3E5DF | 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 #CDD0DA 0% et #E3E5DF 100%.

0.0%	0.0% #CDD0DA	RVB 205 208 218	#CDD0DA
16.7%	16.7% #D0D3DA	RVB 208 211 218	#D0D3DA
33.3%	33.3% #D4D7DB	RVB 212 215 219	#D4D7DB
50.0%	50.0% #D8DADC	RVB 216 218 220	#D8DADC
66.7%	66.7% #DBDEDD	RVB 219 222 221	#DBDEDD
83.3%	83.3% #DFE1DE	RVB 223 225 222	#DFE1DE
100.0%	100.0% #E3E5DF	RVB 227 229 223	#E3E5DF

#CDD0DA #D0D3DA #D4D7DB #D8DADC #DBDEDD #DFE1DE #E3E5DF

#CDD0DA - #E3E5DF

Mélange HSV

#CDD0DA - #E3E5DF | 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 #CDD0DA 0% et #E3E5DF 100%.

0.0%	0.0% #CDD0DA	RVB 205 208 218	#CDD0DA
16.7%	16.7% #CFD7DB	RVB 207 215 219	#CFD7DB
33.3%	33.3% #D2DDDD	RVB 210 221 221	#D2DDDD
50.0%	50.0% #D5DFDB	RVB 213 223 219	#D5DFDB
66.7%	66.7% #D8E1DA	RVB 216 225 218	#D8E1DA
83.3%	83.3% #DDE3DB	RVB 221 227 219	#DDE3DB
100.0%	100.0% #E3E5DF	RVB 227 229 223	#E3E5DF

#CDD0DA #CFD7DB #D2DDDD #D5DFDB #D8E1DA #DDE3DB #E3E5DF

#CDD0DA - #D5DFDB - #E3E5DF

Codes CSS

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

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