#E5E9F7 - #414246 | 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 #E5E9F7 à #414246

#E5E9F7 #414246

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

#E5E9F7 - #414246 | 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 #E5E9F7 0% et #414246 100%.

0.0%	0.0% #E5E9F7	RVB 229 233 247	#E5E9F7
16.7%	16.7% #C9CDD9	RVB 201 205 217	#C9CDD9
33.3%	33.3% #AEB1BC	RVB 174 177 188	#AEB1BC
50.0%	50.0% #93959E	RVB 147 149 158	#93959E
66.7%	66.7% #777981	RVB 119 121 129	#777981
83.3%	83.3% #5C5D63	RVB 92 93 99	#5C5D63
100.0%	100.0% #414246	RVB 65 66 70	#414246

#E5E9F7 #C9CDD9 #AEB1BC #93959E #777981 #5C5D63 #414246

#E5E9F7 - #414246

Mélange HSV

#E5E9F7 - #414246 | 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 #E5E9F7 0% et #414246 100%.

0.0%	0.0% #E5E9F7	RVB 229 233 247	#E5E9F7
16.7%	16.7% #C9CDD9	RVB 201 205 217	#C9CDD9
33.3%	33.3% #AEB1BC	RVB 174 177 188	#AEB1BC
50.0%	50.0% #93959E	RVB 147 149 158	#93959E
66.7%	66.7% #777981	RVB 119 121 129	#777981
83.3%	83.3% #5C5D63	RVB 92 93 99	#5C5D63
100.0%	100.0% #414246	RVB 65 66 70	#414246

#E5E9F7 #C9CDD9 #AEB1BC #93959E #777981 #5C5D63 #414246

#E5E9F7 - #93959E - #414246

Codes CSS

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

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