#E4E4D9 - #FFF5E3 | 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 #E4E4D9 à #FFF5E3

#E4E4D9 #FFF5E3

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

#E4E4D9 - #FFF5E3 | 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 #E4E4D9 0% et #FFF5E3 100%.

0.0%	0.0% #E4E4D9	RVB 228 228 217	#E4E4D9
16.7%	16.7% #E8E6DA	RVB 232 230 218	#E8E6DA
33.3%	33.3% #EDE9DC	RVB 237 233 220	#EDE9DC
50.0%	50.0% #F1ECDE	RVB 241 236 222	#F1ECDE
66.7%	66.7% #F6EFDF	RVB 246 239 223	#F6EFDF
83.3%	83.3% #FAF2E1	RVB 250 242 225	#FAF2E1
100.0%	100.0% #FFF5E3	RVB 255 245 227	#FFF5E3

#E4E4D9 #E8E6DA #EDE9DC #F1ECDE #F6EFDF #FAF2E1 #FFF5E3

#E4E4D9 - #FFF5E3

Mélange HSV

#E4E4D9 - #FFF5E3 | 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 #E4E4D9 0% et #FFF5E3 100%.

0.0%	0.0% #E4E4D9	RVB 228 228 217	#E4E4D9
16.7%	16.7% #E8E7DA	RVB 232 231 218	#E8E7DA
33.3%	33.3% #EDEBDC	RVB 237 235 220	#EDEBDC
50.0%	50.0% #F1EEDE	RVB 241 238 222	#F1EEDE
66.7%	66.7% #F6F0E0	RVB 246 240 224	#F6F0E0
83.3%	83.3% #FAF3E1	RVB 250 243 225	#FAF3E1
100.0%	100.0% #FFF5E3	RVB 255 245 227	#FFF5E3

#E4E4D9 #E8E7DA #EDEBDC #F1EEDE #F6F0E0 #FAF3E1 #FFF5E3

#E4E4D9 - #F1EEDE - #FFF5E3

Codes CSS

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

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