#E5E4EC - #FBE8ED | 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 #E5E4EC à #FBE8ED

#E5E4EC #FBE8ED

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

#E5E4EC - #FBE8ED | 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 #E5E4EC 0% et #FBE8ED 100%.

0.0%	0.0% #E5E4EC	RVB 229 228 236	#E5E4EC
16.7%	16.7% #E8E4EC	RVB 232 228 236	#E8E4EC
33.3%	33.3% #ECE5EC	RVB 236 229 236	#ECE5EC
50.0%	50.0% #F0E6EC	RVB 240 230 236	#F0E6EC
66.7%	66.7% #F3E6EC	RVB 243 230 236	#F3E6EC
83.3%	83.3% #F7E7EC	RVB 247 231 236	#F7E7EC
100.0%	100.0% #FBE8ED	RVB 251 232 237	#FBE8ED

#E5E4EC #E8E4EC #ECE5EC #F0E6EC #F3E6EC #F7E7EC #FBE8ED

#E5E4EC - #FBE8ED

Mélange HSV

#E5E4EC - #FBE8ED | 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 #E5E4EC 0% et #FBE8ED 100%.

0.0%	0.0% #E5E4EC	RVB 229 228 236	#E5E4EC
16.7%	16.7% #E8E4EE	RVB 232 228 238	#E8E4EE
33.3%	33.3% #EDE5F1	RVB 237 229 241	#EDE5F1
50.0%	50.0% #F2E6F3	RVB 242 230 243	#F2E6F3
66.7%	66.7% #F6E6F2	RVB 246 230 242	#F6E6F2
83.3%	83.3% #F8E7F0	RVB 248 231 240	#F8E7F0
100.0%	100.0% #FBE8ED	RVB 251 232 237	#FBE8ED

#E5E4EC #E8E4EE #EDE5F1 #F2E6F3 #F6E6F2 #F8E7F0 #FBE8ED

#E5E4EC - #F2E6F3 - #FBE8ED

Codes CSS

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

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