#DDC5E7 - #FFEEDC | 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 #DDC5E7 à #FFEEDC

#DDC5E7 #FFEEDC

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

#DDC5E7 - #FFEEDC | 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 #DDC5E7 0% et #FFEEDC 100%.

0.0%	0.0% #DDC5E7	RVB 221 197 231	#DDC5E7
16.7%	16.7% #E2CBE5	RVB 226 203 229	#E2CBE5
33.3%	33.3% #E8D2E3	RVB 232 210 227	#E8D2E3
50.0%	50.0% #EED9E1	RVB 238 217 225	#EED9E1
66.7%	66.7% #F3E0DF	RVB 243 224 223	#F3E0DF
83.3%	83.3% #F9E7DD	RVB 249 231 221	#F9E7DD
100.0%	100.0% #FFEEDC	RVB 255 238 220	#FFEEDC

#DDC5E7 #E2CBE5 #E8D2E3 #EED9E1 #F3E0DF #F9E7DD #FFEEDC

#DDC5E7 - #FFEEDC

Mélange HSV

#DDC5E7 - #FFEEDC | 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 #DDC5E7 0% et #FFEEDC 100%.

0.0%	0.0% #DDC5E7	RVB 221 197 231	#DDC5E7
16.7%	16.7% #EBC8EA	RVB 235 200 234	#EBC8EA
33.3%	33.3% #EFCCE4	RVB 239 204 228	#EFCCE4
50.0%	50.0% #F3D0DD	RVB 243 208 221	#F3D0DD
66.7%	66.7% #F7D4D7	RVB 247 212 215	#F7D4D7
83.3%	83.3% #FBDFD8	RVB 251 223 216	#FBDFD8
100.0%	100.0% #FFEEDC	RVB 255 238 220	#FFEEDC

#DDC5E7 #EBC8EA #EFCCE4 #F3D0DD #F7D4D7 #FBDFD8 #FFEEDC

#DDC5E7 - #F3D0DD - #FFEEDC

Codes CSS

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

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