#E5E3E4 - #FFF9F1 | 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 #E5E3E4 à #FFF9F1

#E5E3E4 #FFF9F1

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

#E5E3E4 - #FFF9F1 | 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 #E5E3E4 0% et #FFF9F1 100%.

0.0%	0.0% #E5E3E4	RVB 229 227 228	#E5E3E4
16.7%	16.7% #E9E6E6	RVB 233 230 230	#E9E6E6
33.3%	33.3% #EDEAE8	RVB 237 234 232	#EDEAE8
50.0%	50.0% #F2EEEA	RVB 242 238 234	#F2EEEA
66.7%	66.7% #F6F1EC	RVB 246 241 236	#F6F1EC
83.3%	83.3% #FAF5EE	RVB 250 245 238	#FAF5EE
100.0%	100.0% #FFF9F1	RVB 255 249 241	#FFF9F1

#E5E3E4 #E9E6E6 #EDEAE8 #F2EEEA #F6F1EC #FAF5EE #FFF9F1

#E5E3E4 - #FFF9F1

Mélange HSV

#E5E3E4 - #FFF9F1 | 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 #E5E3E4 0% et #FFF9F1 100%.

0.0%	0.0% #E5E3E4	RVB 229 227 228	#E5E3E4
16.7%	16.7% #E9E5E6	RVB 233 229 230	#E9E5E6
33.3%	33.3% #EDE7E8	RVB 237 231 232	#EDE7E8
50.0%	50.0% #F2EAEA	RVB 242 234 234	#F2EAEA
66.7%	66.7% #F6EEEC	RVB 246 238 236	#F6EEEC
83.3%	83.3% #FAF3EE	RVB 250 243 238	#FAF3EE
100.0%	100.0% #FFF9F1	RVB 255 249 241	#FFF9F1

#E5E3E4 #E9E5E6 #EDE7E8 #F2EAEA #F6EEEC #FAF3EE #FFF9F1

#E5E3E4 - #F2EAEA - #FFF9F1

Codes CSS

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

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