#E2D9A2 - #403E2E | 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 #E2D9A2 à #403E2E

#E2D9A2 #403E2E

Calculez la couleur entre deux couleurs, #E2D9A2 et #403E2E. 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)

#E2D9A2 - #403E2E | 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 #E2D9A2 0% et #403E2E 100%.

0.0%	0.0% #E2D9A2	RVB 226 217 162	#E2D9A2
16.7%	16.7% #C7BF8E	RVB 199 191 142	#C7BF8E
33.3%	33.3% #ACA57B	RVB 172 165 123	#ACA57B
50.0%	50.0% #918B68	RVB 145 139 104	#918B68
66.7%	66.7% #767154	RVB 118 113 84	#767154
83.3%	83.3% #5B5741	RVB 91 87 65	#5B5741
100.0%	100.0% #403E2E	RVB 64 62 46	#403E2E

#E2D9A2 #C7BF8E #ACA57B #918B68 #767154 #5B5741 #403E2E

#E2D9A2 - #403E2E

Mélange HSV

#E2D9A2 - #403E2E | 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 #E2D9A2 0% et #403E2E 100%.

0.0%	0.0% #E2D9A2	RVB 226 217 162	#E2D9A2
16.7%	16.7% #C7BF8E	RVB 199 191 142	#C7BF8E
33.3%	33.3% #ACA57B	RVB 172 165 123	#ACA57B
50.0%	50.0% #918B68	RVB 145 139 104	#918B68
66.7%	66.7% #767154	RVB 118 113 84	#767154
83.3%	83.3% #5B5841	RVB 91 88 65	#5B5841
100.0%	100.0% #403E2E	RVB 64 62 46	#403E2E

#E2D9A2 #C7BF8E #ACA57B #918B68 #767154 #5B5841 #403E2E

#E2D9A2 - #918B68 - #403E2E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2D9A2 0%, #918B68 50%, #403E2E 100%);
    background: -webkit-linear-gradient(top, #E2D9A2 0%, #918B68 50%, #403E2E 100%);
    background: linear-gradient(to bottom, #E2D9A2 0%, #918B68 50%, #403E2E 100%);
}
</style>