#D4D4DF - #DFE5E0 | 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 #D4D4DF à #DFE5E0

#D4D4DF #DFE5E0

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

#D4D4DF - #DFE5E0 | 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 #D4D4DF 0% et #DFE5E0 100%.

0.0%	0.0% #D4D4DF	RVB 212 212 223	#D4D4DF
16.7%	16.7% #D5D6DF	RVB 213 214 223	#D5D6DF
33.3%	33.3% #D7D9DF	RVB 215 217 223	#D7D9DF
50.0%	50.0% #D9DCDF	RVB 217 220 223	#D9DCDF
66.7%	66.7% #DBDFDF	RVB 219 223 223	#DBDFDF
83.3%	83.3% #DDE2DF	RVB 221 226 223	#DDE2DF
100.0%	100.0% #DFE5E0	RVB 223 229 224	#DFE5E0

#D4D4DF #D5D6DF #D7D9DF #D9DCDF #DBDFDF #DDE2DF #DFE5E0

#D4D4DF - #DFE5E0

Mélange HSV

#D4D4DF - #DFE5E0 | 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 #D4D4DF 0% et #DFE5E0 100%.

0.0%	0.0% #D4D4DF	RVB 212 212 223	#D4D4DF
16.7%	16.7% #D5D8E0	RVB 213 216 224	#D5D8E0
33.3%	33.3% #D7DDE1	RVB 215 221 225	#D7DDE1
50.0%	50.0% #D9E1E2	RVB 217 225 226	#D9E1E2
66.7%	66.7% #DBE3E1	RVB 219 227 225	#DBE3E1
83.3%	83.3% #DDE4E0	RVB 221 228 224	#DDE4E0
100.0%	100.0% #DFE5E0	RVB 223 229 224	#DFE5E0

#D4D4DF #D5D8E0 #D7DDE1 #D9E1E2 #DBE3E1 #DDE4E0 #DFE5E0

#D4D4DF - #D9E1E2 - #DFE5E0

Codes CSS

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

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