#E5E7DC - #41423E | 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 #E5E7DC à #41423E

#E5E7DC #41423E

Calculez la couleur entre deux couleurs, #E5E7DC et #41423E. 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)

#E5E7DC - #41423E | 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 #E5E7DC 0% et #41423E 100%.

0.0%	0.0% #E5E7DC	RVB 229 231 220	#E5E7DC
16.7%	16.7% #C9CBC1	RVB 201 203 193	#C9CBC1
33.3%	33.3% #AEB0A7	RVB 174 176 167	#AEB0A7
50.0%	50.0% #93948D	RVB 147 148 141	#93948D
66.7%	66.7% #777972	RVB 119 121 114	#777972
83.3%	83.3% #5C5D58	RVB 92 93 88	#5C5D58
100.0%	100.0% #41423E	RVB 65 66 62	#41423E

#E5E7DC #C9CBC1 #AEB0A7 #93948D #777972 #5C5D58 #41423E

#E5E7DC - #41423E

Mélange HSV

#E5E7DC - #41423E | 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 #E5E7DC 0% et #41423E 100%.

0.0%	0.0% #E5E7DC	RVB 229 231 220	#E5E7DC
16.7%	16.7% #C9CBC1	RVB 201 203 193	#C9CBC1
33.3%	33.3% #AEB0A6	RVB 174 176 166	#AEB0A6
50.0%	50.0% #92948C	RVB 146 148 140	#92948C
66.7%	66.7% #777972	RVB 119 121 114	#777972
83.3%	83.3% #5C5D58	RVB 92 93 88	#5C5D58
100.0%	100.0% #41423E	RVB 65 66 62	#41423E

#E5E7DC #C9CBC1 #AEB0A6 #92948C #777972 #5C5D58 #41423E

#E5E7DC - #92948C - #41423E

Codes CSS

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

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