#D4D5E2 - #DFE6E2 | 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 #D4D5E2 à #DFE6E2

#D4D5E2 #DFE6E2

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

#D4D5E2 - #DFE6E2 | 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 #D4D5E2 0% et #DFE6E2 100%.

0.0%	0.0% #D4D5E2	RVB 212 213 226	#D4D5E2
16.7%	16.7% #D5D7E2	RVB 213 215 226	#D5D7E2
33.3%	33.3% #D7DAE2	RVB 215 218 226	#D7DAE2
50.0%	50.0% #D9DDE2	RVB 217 221 226	#D9DDE2
66.7%	66.7% #DBE0E2	RVB 219 224 226	#DBE0E2
83.3%	83.3% #DDE3E2	RVB 221 227 226	#DDE3E2
100.0%	100.0% #DFE6E2	RVB 223 230 226	#DFE6E2

#D4D5E2 #D5D7E2 #D7DAE2 #D9DDE2 #DBE0E2 #DDE3E2 #DFE6E2

#D4D5E2 - #DFE6E2

Mélange HSV

#D4D5E2 - #DFE6E2 | 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 #D4D5E2 0% et #DFE6E2 100%.

0.0%	0.0% #D4D5E2	RVB 212 213 226	#D4D5E2
16.7%	16.7% #D5D9E2	RVB 213 217 226	#D5D9E2
33.3%	33.3% #D7DEE3	RVB 215 222 227	#D7DEE3
50.0%	50.0% #D9E2E4	RVB 217 226 228	#D9E2E4
66.7%	66.7% #DBE4E3	RVB 219 228 227	#DBE4E3
83.3%	83.3% #DDE5E2	RVB 221 229 226	#DDE5E2
100.0%	100.0% #DFE6E2	RVB 223 230 226	#DFE6E2

#D4D5E2 #D5D9E2 #D7DEE3 #D9E2E4 #DBE4E3 #DDE5E2 #DFE6E2

#D4D5E2 - #D9E2E4 - #DFE6E2

Codes CSS

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

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