#DED5E5 - #D9DBF0 | 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 #DED5E5 à #D9DBF0

#DED5E5 #D9DBF0

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

#DED5E5 - #D9DBF0 | 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 #DED5E5 0% et #D9DBF0 100%.

0.0%	0.0% #DED5E5	RVB 222 213 229	#DED5E5
16.7%	16.7% #DDD6E6	RVB 221 214 230	#DDD6E6
33.3%	33.3% #DCD7E8	RVB 220 215 232	#DCD7E8
50.0%	50.0% #DBD8EA	RVB 219 216 234	#DBD8EA
66.7%	66.7% #DAD9EC	RVB 218 217 236	#DAD9EC
83.3%	83.3% #D9DAEE	RVB 217 218 238	#D9DAEE
100.0%	100.0% #D9DBF0	RVB 217 219 240	#D9DBF0

#DED5E5 #DDD6E6 #DCD7E8 #DBD8EA #DAD9EC #D9DAEE #D9DBF0

#DED5E5 - #D9DBF0

Mélange HSV

#DED5E5 - #D9DBF0 | 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 #DED5E5 0% et #D9DBF0 100%.

0.0%	0.0% #DED5E5	RVB 222 213 229	#DED5E5
16.7%	16.7% #DDD5E6	RVB 221 213 230	#DDD5E6
33.3%	33.3% #DCD6E8	RVB 220 214 232	#DCD6E8
50.0%	50.0% #DBD7EA	RVB 219 215 234	#DBD7EA
66.7%	66.7% #DAD7EC	RVB 218 215 236	#DAD7EC
83.3%	83.3% #D8D8EE	RVB 216 216 238	#D8D8EE
100.0%	100.0% #D9DBF0	RVB 217 219 240	#D9DBF0

#DED5E5 #DDD5E6 #DCD6E8 #DBD7EA #DAD7EC #D8D8EE #D9DBF0

#DED5E5 - #DBD7EA - #D9DBF0

Codes CSS

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

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