#E7E7DC - #FFF5E6 | 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 #E7E7DC à #FFF5E6

#E7E7DC #FFF5E6

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

#E7E7DC - #FFF5E6 | 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 #E7E7DC 0% et #FFF5E6 100%.

0.0%	0.0% #E7E7DC	RVB 231 231 220	#E7E7DC
16.7%	16.7% #EBE9DD	RVB 235 233 221	#EBE9DD
33.3%	33.3% #EFEBDF	RVB 239 235 223	#EFEBDF
50.0%	50.0% #F3EEE1	RVB 243 238 225	#F3EEE1
66.7%	66.7% #F7F0E2	RVB 247 240 226	#F7F0E2
83.3%	83.3% #FBF2E4	RVB 251 242 228	#FBF2E4
100.0%	100.0% #FFF5E6	RVB 255 245 230	#FFF5E6

#E7E7DC #EBE9DD #EFEBDF #F3EEE1 #F7F0E2 #FBF2E4 #FFF5E6

#E7E7DC - #FFF5E6

Mélange HSV

#E7E7DC - #FFF5E6 | 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 #E7E7DC 0% et #FFF5E6 100%.

0.0%	0.0% #E7E7DC	RVB 231 231 220	#E7E7DC
16.7%	16.7% #EBEADD	RVB 235 234 221	#EBEADD
33.3%	33.3% #EFECDF	RVB 239 236 223	#EFECDF
50.0%	50.0% #F3EFE1	RVB 243 239 225	#F3EFE1
66.7%	66.7% #F7F1E2	RVB 247 241 226	#F7F1E2
83.3%	83.3% #FBF3E4	RVB 251 243 228	#FBF3E4
100.0%	100.0% #FFF5E6	RVB 255 245 230	#FFF5E6

#E7E7DC #EBEADD #EFECDF #F3EFE1 #F7F1E2 #FBF3E4 #FFF5E6

#E7E7DC - #F3EFE1 - #FFF5E6

Codes CSS

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

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