#CDDAD8 - #E5E1DF | 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 #CDDAD8 à #E5E1DF

#CDDAD8 #E5E1DF

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

#CDDAD8 - #E5E1DF | 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 #CDDAD8 0% et #E5E1DF 100%.

0.0%	0.0% #CDDAD8	RVB 205 218 216	#CDDAD8
16.7%	16.7% #D1DBD9	RVB 209 219 217	#D1DBD9
33.3%	33.3% #D5DCDA	RVB 213 220 218	#D5DCDA
50.0%	50.0% #D9DDDB	RVB 217 221 219	#D9DDDB
66.7%	66.7% #DDDEDC	RVB 221 222 220	#DDDEDC
83.3%	83.3% #E1DFDD	RVB 225 223 221	#E1DFDD
100.0%	100.0% #E5E1DF	RVB 229 225 223	#E5E1DF

#CDDAD8 #D1DBD9 #D5DCDA #D9DDDB #DDDEDC #E1DFDD #E5E1DF

#CDDAD8 - #E5E1DF

Mélange HSV

#CDDAD8 - #E5E1DF | 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 #CDDAD8 0% et #E5E1DF 100%.

0.0%	0.0% #CDDAD8	RVB 205 218 216	#CDDAD8
16.7%	16.7% #CFDBD5	RVB 207 219 213	#CFDBD5
33.3%	33.3% #D2DDD3	RVB 210 221 211	#D2DDD3
50.0%	50.0% #D9DFD5	RVB 217 223 213	#D9DFD5
66.7%	66.7% #DFE1D8	RVB 223 225 216	#DFE1D8
83.3%	83.3% #E3E1DB	RVB 227 225 219	#E3E1DB
100.0%	100.0% #E5E1DF	RVB 229 225 223	#E5E1DF

#CDDAD8 #CFDBD5 #D2DDD3 #D9DFD5 #DFE1D8 #E3E1DB #E5E1DF

#CDDAD8 - #D9DFD5 - #E5E1DF

Codes CSS

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

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