#D4DAD4 - #E5DCDF | 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 #D4DAD4 à #E5DCDF

#D4DAD4 #E5DCDF

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

#D4DAD4 - #E5DCDF | 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 #D4DAD4 0% et #E5DCDF 100%.

0.0%	0.0% #D4DAD4	RVB 212 218 212	#D4DAD4
16.7%	16.7% #D6DAD5	RVB 214 218 213	#D6DAD5
33.3%	33.3% #D9DAD7	RVB 217 218 215	#D9DAD7
50.0%	50.0% #DCDBD9	RVB 220 219 217	#DCDBD9
66.7%	66.7% #DFDBDB	RVB 223 219 219	#DFDBDB
83.3%	83.3% #E2DBDD	RVB 226 219 221	#E2DBDD
100.0%	100.0% #E5DCDF	RVB 229 220 223	#E5DCDF

#D4DAD4 #D6DAD5 #D9DAD7 #DCDBD9 #DFDBDB #E2DBDD #E5DCDF

#D4DAD4 - #E5DCDF

Mélange HSV

#D4DAD4 - #E5DCDF | 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 #D4DAD4 0% et #E5DCDF 100%.

0.0%	0.0% #D4DAD4	RVB 212 218 212	#D4DAD4
16.7%	16.7% #D7DBD5	RVB 215 219 213	#D7DBD5
33.3%	33.3% #DCDDD6	RVB 220 221 214	#DCDDD6
50.0%	50.0% #DFDED8	RVB 223 222 216	#DFDED8
66.7%	66.7% #E1DCD9	RVB 225 220 217	#E1DCD9
83.3%	83.3% #E3DBDA	RVB 227 219 218	#E3DBDA
100.0%	100.0% #E5DCDF	RVB 229 220 223	#E5DCDF

#D4DAD4 #D7DBD5 #DCDDD6 #DFDED8 #E1DCD9 #E3DBDA #E5DCDF

#D4DAD4 - #DFDED8 - #E5DCDF

Codes CSS

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

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