#E5E5E1 - #414140 | 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 #E5E5E1 à #414140

#E5E5E1 #414140

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

#E5E5E1 - #414140 | 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 #E5E5E1 0% et #414140 100%.

0.0%	0.0% #E5E5E1	RVB 229 229 225	#E5E5E1
16.7%	16.7% #C9C9C6	RVB 201 201 198	#C9C9C6
33.3%	33.3% #AEAEAB	RVB 174 174 171	#AEAEAB
50.0%	50.0% #939390	RVB 147 147 144	#939390
66.7%	66.7% #777775	RVB 119 119 117	#777775
83.3%	83.3% #5C5C5A	RVB 92 92 90	#5C5C5A
100.0%	100.0% #414140	RVB 65 65 64	#414140

#E5E5E1 #C9C9C6 #AEAEAB #939390 #777775 #5C5C5A #414140

#E5E5E1 - #414140

Mélange HSV

#E5E5E1 - #414140 | 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 #E5E5E1 0% et #414140 100%.

0.0%	0.0% #E5E5E1	RVB 229 229 225	#E5E5E1
16.7%	16.7% #C9C9C6	RVB 201 201 198	#C9C9C6
33.3%	33.3% #AEAEAB	RVB 174 174 171	#AEAEAB
50.0%	50.0% #939390	RVB 147 147 144	#939390
66.7%	66.7% #777775	RVB 119 119 117	#777775
83.3%	83.3% #5C5C5A	RVB 92 92 90	#5C5C5A
100.0%	100.0% #414140	RVB 65 65 64	#414140

#E5E5E1 #C9C9C6 #AEAEAB #939390 #777775 #5C5C5A #414140

#E5E5E1 - #939390 - #414140

Codes CSS

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

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