#D9DAD4 - #E9F5E6 | 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 #D9DAD4 à #E9F5E6

#D9DAD4 #E9F5E6

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

#D9DAD4 - #E9F5E6 | 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 #D9DAD4 0% et #E9F5E6 100%.

0.0%	0.0% #D9DAD4	RVB 217 218 212	#D9DAD4
16.7%	16.7% #DBDED7	RVB 219 222 215	#DBDED7
33.3%	33.3% #DEE3DA	RVB 222 227 218	#DEE3DA
50.0%	50.0% #E1E7DD	RVB 225 231 221	#E1E7DD
66.7%	66.7% #E3ECE0	RVB 227 236 224	#E3ECE0
83.3%	83.3% #E6F0E3	RVB 230 240 227	#E6F0E3
100.0%	100.0% #E9F5E6	RVB 233 245 230	#E9F5E6

#D9DAD4 #DBDED7 #DEE3DA #E1E7DD #E3ECE0 #E6F0E3 #E9F5E6

#D9DAD4 - #E9F5E6

Mélange HSV

#D9DAD4 - #E9F5E6 | 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 #D9DAD4 0% et #E9F5E6 100%.

0.0%	0.0% #D9DAD4	RVB 217 218 212	#D9DAD4
16.7%	16.7% #DCDED7	RVB 220 222 215	#DCDED7
33.3%	33.3% #DFE3DA	RVB 223 227 218	#DFE3DA
50.0%	50.0% #E2E7DD	RVB 226 231 221	#E2E7DD
66.7%	66.7% #E5ECE0	RVB 229 236 224	#E5ECE0
83.3%	83.3% #E7F0E3	RVB 231 240 227	#E7F0E3
100.0%	100.0% #E9F5E6	RVB 233 245 230	#E9F5E6

#D9DAD4 #DCDED7 #DFE3DA #E2E7DD #E5ECE0 #E7F0E3 #E9F5E6

#D9DAD4 - #E2E7DD - #E9F5E6

Codes CSS

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

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