#5E5E4F - #D7A66E | 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 #5E5E4F à #D7A66E

#5E5E4F #D7A66E

Calculez la couleur entre deux couleurs, #5E5E4F et #D7A66E. 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)

#5E5E4F - #D7A66E | 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 #5E5E4F 0% et #D7A66E 100%.

0.0%	0.0% #5E5E4F	RVB 94 94 79	#5E5E4F
16.7%	16.7% #726A54	RVB 114 106 84	#726A54
33.3%	33.3% #867659	RVB 134 118 89	#867659
50.0%	50.0% #9A825E	RVB 154 130 94	#9A825E
66.7%	66.7% #AE8E63	RVB 174 142 99	#AE8E63
83.3%	83.3% #C29A68	RVB 194 154 104	#C29A68
100.0%	100.0% #D7A66E	RVB 215 166 110	#D7A66E

#5E5E4F #726A54 #867659 #9A825E #AE8E63 #C29A68 #D7A66E

#5E5E4F - #D7A66E

Mélange HSV

#5E5E4F - #D7A66E | 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 #5E5E4F 0% et #D7A66E 100%.

0.0%	0.0% #5E5E4F	RVB 94 94 79	#5E5E4F
16.7%	16.7% #727059	RVB 114 112 89	#727059
33.3%	33.3% #868062	RVB 134 128 98	#868062
50.0%	50.0% #9A8E68	RVB 154 142 104	#9A8E68
66.7%	66.7% #AE9A6C	RVB 174 154 108	#AE9A6C
83.3%	83.3% #C2A16E	RVB 194 161 110	#C2A16E
100.0%	100.0% #D7A66E	RVB 215 166 110	#D7A66E

#5E5E4F #727059 #868062 #9A8E68 #AE9A6C #C2A16E #D7A66E

#5E5E4F - #9A8E68 - #D7A66E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E4F 0%, #9A8E68 50%, #D7A66E 100%);
    background: -webkit-linear-gradient(top, #5E5E4F 0%, #9A8E68 50%, #D7A66E 100%);
    background: linear-gradient(to bottom, #5E5E4F 0%, #9A8E68 50%, #D7A66E 100%);
}
</style>