#DBDCD9 - #E7F5E7 | 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 #DBDCD9 à #E7F5E7

#DBDCD9 #E7F5E7

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

#DBDCD9 - #E7F5E7 | 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 #DBDCD9 0% et #E7F5E7 100%.

0.0%	0.0% #DBDCD9	RVB 219 220 217	#DBDCD9
16.7%	16.7% #DDE0DB	RVB 221 224 219	#DDE0DB
33.3%	33.3% #DFE4DD	RVB 223 228 221	#DFE4DD
50.0%	50.0% #E1E8E0	RVB 225 232 224	#E1E8E0
66.7%	66.7% #E3ECE2	RVB 227 236 226	#E3ECE2
83.3%	83.3% #E5F0E4	RVB 229 240 228	#E5F0E4
100.0%	100.0% #E7F5E7	RVB 231 245 231	#E7F5E7

#DBDCD9 #DDE0DB #DFE4DD #E1E8E0 #E3ECE2 #E5F0E4 #E7F5E7

#DBDCD9 - #E7F5E7

Mélange HSV

#DBDCD9 - #E7F5E7 | 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 #DBDCD9 0% et #E7F5E7 100%.

0.0%	0.0% #DBDCD9	RVB 219 220 217	#DBDCD9
16.7%	16.7% #DEE0DB	RVB 222 224 219	#DEE0DB
33.3%	33.3% #E0E4DD	RVB 224 228 221	#E0E4DD
50.0%	50.0% #E3E8E0	RVB 227 232 224	#E3E8E0
66.7%	66.7% #E4ECE2	RVB 228 236 226	#E4ECE2
83.3%	83.3% #E6F0E4	RVB 230 240 228	#E6F0E4
100.0%	100.0% #E7F5E7	RVB 231 245 231	#E7F5E7

#DBDCD9 #DEE0DB #E0E4DD #E3E8E0 #E4ECE2 #E6F0E4 #E7F5E7

#DBDCD9 - #E3E8E0 - #E7F5E7

Codes CSS

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

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