#E4ECE9 - #ECE8FB | 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 #E4ECE9 à #ECE8FB

#E4ECE9 #ECE8FB

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

#E4ECE9 - #ECE8FB | 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 #E4ECE9 0% et #ECE8FB 100%.

0.0%	0.0% #E4ECE9	RVB 228 236 233	#E4ECE9
16.7%	16.7% #E5EBEC	RVB 229 235 236	#E5EBEC
33.3%	33.3% #E6EAEF	RVB 230 234 239	#E6EAEF
50.0%	50.0% #E8EAF2	RVB 232 234 242	#E8EAF2
66.7%	66.7% #E9E9F5	RVB 233 233 245	#E9E9F5
83.3%	83.3% #EAE8F8	RVB 234 232 248	#EAE8F8
100.0%	100.0% #ECE8FB	RVB 236 232 251	#ECE8FB

#E4ECE9 #E5EBEC #E6EAEF #E8EAF2 #E9E9F5 #EAE8F8 #ECE8FB

#E4ECE9 - #ECE8FB

Mélange HSV

#E4ECE9 - #ECE8FB | 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 #E4ECE9 0% et #ECE8FB 100%.

0.0%	0.0% #E4ECE9	RVB 228 236 233	#E4ECE9
16.7%	16.7% #E4EEED	RVB 228 238 237	#E4EEED
33.3%	33.3% #E5EFF1	RVB 229 239 241	#E5EFF1
50.0%	50.0% #E6EDF3	RVB 230 237 243	#E6EDF3
66.7%	66.7% #E6EBF6	RVB 230 235 246	#E6EBF6
83.3%	83.3% #E7E8F8	RVB 231 232 248	#E7E8F8
100.0%	100.0% #ECE8FB	RVB 236 232 251	#ECE8FB

#E4ECE9 #E4EEED #E5EFF1 #E6EDF3 #E6EBF6 #E7E8F8 #ECE8FB

#E4ECE9 - #E6EDF3 - #ECE8FB

Codes CSS

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

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