#D9CDD4 - #FFF5E5 | 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 #D9CDD4 à #FFF5E5

#D9CDD4 #FFF5E5

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

#D9CDD4 - #FFF5E5 | 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 #D9CDD4 0% et #FFF5E5 100%.

0.0%	0.0% #D9CDD4	RVB 217 205 212	#D9CDD4
16.7%	16.7% #DFD3D6	RVB 223 211 214	#DFD3D6
33.3%	33.3% #E5DAD9	RVB 229 218 217	#E5DAD9
50.0%	50.0% #ECE1DC	RVB 236 225 220	#ECE1DC
66.7%	66.7% #F2E7DF	RVB 242 231 223	#F2E7DF
83.3%	83.3% #F8EEE2	RVB 248 238 226	#F8EEE2
100.0%	100.0% #FFF5E5	RVB 255 245 229	#FFF5E5

#D9CDD4 #DFD3D6 #E5DAD9 #ECE1DC #F2E7DF #F8EEE2 #FFF5E5

#D9CDD4 - #FFF5E5

Mélange HSV

#D9CDD4 - #FFF5E5 | 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 #D9CDD4 0% et #FFF5E5 100%.

0.0%	0.0% #D9CDD4	RVB 217 205 212	#D9CDD4
16.7%	16.7% #DFD1D6	RVB 223 209 214	#DFD1D6
33.3%	33.3% #E5D5D8	RVB 229 213 216	#E5D5D8
50.0%	50.0% #ECD9D9	RVB 236 217 217	#ECD9D9
66.7%	66.7% #F2E1DD	RVB 242 225 221	#F2E1DD
83.3%	83.3% #F8EAE1	RVB 248 234 225	#F8EAE1
100.0%	100.0% #FFF5E5	RVB 255 245 229	#FFF5E5

#D9CDD4 #DFD1D6 #E5D5D8 #ECD9D9 #F2E1DD #F8EAE1 #FFF5E5

#D9CDD4 - #ECD9D9 - #FFF5E5

Codes CSS

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

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