#5E5E40 - #D9A45E | 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 #5E5E40 à #D9A45E

#5E5E40 #D9A45E

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

#5E5E40 - #D9A45E | 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 #5E5E40 0% et #D9A45E 100%.

0.0%	0.0% #5E5E40	RVB 94 94 64	#5E5E40
16.7%	16.7% #726945	RVB 114 105 69	#726945
33.3%	33.3% #87754A	RVB 135 117 74	#87754A
50.0%	50.0% #9B814F	RVB 155 129 79	#9B814F
66.7%	66.7% #B08C54	RVB 176 140 84	#B08C54
83.3%	83.3% #C49859	RVB 196 152 89	#C49859
100.0%	100.0% #D9A45E	RVB 217 164 94	#D9A45E

#5E5E40 #726945 #87754A #9B814F #B08C54 #C49859 #D9A45E

#5E5E40 - #D9A45E

Mélange HSV

#5E5E40 - #D9A45E | 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 #5E5E40 0% et #D9A45E 100%.

0.0%	0.0% #5E5E40	RVB 94 94 64	#5E5E40
16.7%	16.7% #726F49	RVB 114 111 73	#726F49
33.3%	33.3% #877F50	RVB 135 127 80	#877F50
50.0%	50.0% #9B8C56	RVB 155 140 86	#9B8C56
66.7%	66.7% #B0975A	RVB 176 151 90	#B0975A
83.3%	83.3% #C49F5D	RVB 196 159 93	#C49F5D
100.0%	100.0% #D9A45E	RVB 217 164 94	#D9A45E

#5E5E40 #726F49 #877F50 #9B8C56 #B0975A #C49F5D #D9A45E

#5E5E40 - #9B8C56 - #D9A45E

Codes CSS

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

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