#E5E3E7 - #414042 | 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 #E5E3E7 à #414042

#E5E3E7 #414042

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

#E5E3E7 - #414042 | 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 #E5E3E7 0% et #414042 100%.

0.0%	0.0% #E5E3E7	RVB 229 227 231	#E5E3E7
16.7%	16.7% #C9C7CB	RVB 201 199 203	#C9C7CB
33.3%	33.3% #AEACB0	RVB 174 172 176	#AEACB0
50.0%	50.0% #939194	RVB 147 145 148	#939194
66.7%	66.7% #777679	RVB 119 118 121	#777679
83.3%	83.3% #5C5B5D	RVB 92 91 93	#5C5B5D
100.0%	100.0% #414042	RVB 65 64 66	#414042

#E5E3E7 #C9C7CB #AEACB0 #939194 #777679 #5C5B5D #414042

#E5E3E7 - #414042

Mélange HSV

#E5E3E7 - #414042 | 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 #E5E3E7 0% et #414042 100%.

0.0%	0.0% #E5E3E7	RVB 229 227 231	#E5E3E7
16.7%	16.7% #C9C7CB	RVB 201 199 203	#C9C7CB
33.3%	33.3% #AEACB0	RVB 174 172 176	#AEACB0
50.0%	50.0% #929094	RVB 146 144 148	#929094
66.7%	66.7% #777579	RVB 119 117 121	#777579
83.3%	83.3% #5C5A5D	RVB 92 90 93	#5C5A5D
100.0%	100.0% #414042	RVB 65 64 66	#414042

#E5E3E7 #C9C7CB #AEACB0 #929094 #777579 #5C5A5D #414042

#E5E3E7 - #929094 - #414042

Codes CSS

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

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