#5E5E5C - #D4A77B | 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 #5E5E5C à #D4A77B

#5E5E5C #D4A77B

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

#5E5E5C - #D4A77B | 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 #5E5E5C 0% et #D4A77B 100%.

0.0%	0.0% #5E5E5C	RVB 94 94 92	#5E5E5C
16.7%	16.7% #716A61	RVB 113 106 97	#716A61
33.3%	33.3% #857666	RVB 133 118 102	#857666
50.0%	50.0% #99826B	RVB 153 130 107	#99826B
66.7%	66.7% #AC8E70	RVB 172 142 112	#AC8E70
83.3%	83.3% #C09A75	RVB 192 154 117	#C09A75
100.0%	100.0% #D4A77B	RVB 212 167 123	#D4A77B

#5E5E5C #716A61 #857666 #99826B #AC8E70 #C09A75 #D4A77B

#5E5E5C - #D4A77B

Mélange HSV

#5E5E5C - #D4A77B | 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 #5E5E5C 0% et #D4A77B 100%.

0.0%	0.0% #5E5E5C	RVB 94 94 92	#5E5E5C
16.7%	16.7% #717067	RVB 113 112 103	#717067
33.3%	33.3% #858170	RVB 133 129 112	#858170
50.0%	50.0% #999077	RVB 153 144 119	#999077
66.7%	66.7% #AC9B7B	RVB 172 155 123	#AC9B7B
83.3%	83.3% #C0A37C	RVB 192 163 124	#C0A37C
100.0%	100.0% #D4A77B	RVB 212 167 123	#D4A77B

#5E5E5C #717067 #858170 #999077 #AC9B7B #C0A37C #D4A77B

#5E5E5C - #999077 - #D4A77B

Codes CSS

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

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