#5E5E4C - #D4D371 | 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 #5E5E4C à #D4D371

#5E5E4C #D4D371

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

#5E5E4C - #D4D371 | 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 #5E5E4C 0% et #D4D371 100%.

0.0%	0.0% #5E5E4C	RVB 94 94 76	#5E5E4C
16.7%	16.7% #717152	RVB 113 113 82	#717152
33.3%	33.3% #858558	RVB 133 133 88	#858558
50.0%	50.0% #99985E	RVB 153 152 94	#99985E
66.7%	66.7% #ACAC64	RVB 172 172 100	#ACAC64
83.3%	83.3% #C0BF6A	RVB 192 191 106	#C0BF6A
100.0%	100.0% #D4D371	RVB 212 211 113	#D4D371

#5E5E4C #717152 #858558 #99985E #ACAC64 #C0BF6A #D4D371

#5E5E4C - #D4D371

Mélange HSV

#5E5E4C - #D4D371 | 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 #5E5E4C 0% et #D4D371 100%.

0.0%	0.0% #5E5E4C	RVB 94 94 76	#5E5E4C
16.7%	16.7% #717156	RVB 113 113 86	#717156
33.3%	33.3% #85855F	RVB 133 133 95	#85855F
50.0%	50.0% #999866	RVB 153 152 102	#999866
66.7%	66.7% #ACAC6B	RVB 172 172 107	#ACAC6B
83.3%	83.3% #C0BF6F	RVB 192 191 111	#C0BF6F
100.0%	100.0% #D4D371	RVB 212 211 113	#D4D371

#5E5E4C #717156 #85855F #999866 #ACAC6B #C0BF6F #D4D371

#5E5E4C - #999866 - #D4D371

Codes CSS

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

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