#5E5E18 - #DEA134 | 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 #5E5E18 à #DEA134

#5E5E18 #DEA134

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

#5E5E18 - #DEA134 | 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 #5E5E18 0% et #DEA134 100%.

0.0%	0.0% #5E5E18	RVB 94 94 24	#5E5E18
16.7%	16.7% #73691C	RVB 115 105 28	#73691C
33.3%	33.3% #887421	RVB 136 116 33	#887421
50.0%	50.0% #9E7F26	RVB 158 127 38	#9E7F26
66.7%	66.7% #B38A2A	RVB 179 138 42	#B38A2A
83.3%	83.3% #C8952F	RVB 200 149 47	#C8952F
100.0%	100.0% #DEA134	RVB 222 161 52	#DEA134

#5E5E18 #73691C #887421 #9E7F26 #B38A2A #C8952F #DEA134

#5E5E18 - #DEA134

Mélange HSV

#5E5E18 - #DEA134 | 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 #5E5E18 0% et #DEA134 100%.

0.0%	0.0% #5E5E18	RVB 94 94 24	#5E5E18
16.7%	16.7% #736E1D	RVB 115 110 29	#736E1D
33.3%	33.3% #887C21	RVB 136 124 33	#887C21
50.0%	50.0% #9E8826	RVB 158 136 38	#9E8826
66.7%	66.7% #B3922B	RVB 179 146 43	#B3922B
83.3%	83.3% #C89A2F	RVB 200 154 47	#C89A2F
100.0%	100.0% #DEA134	RVB 222 161 52	#DEA134

#5E5E18 #736E1D #887C21 #9E8826 #B3922B #C89A2F #DEA134

#5E5E18 - #9E8826 - #DEA134

Codes CSS

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

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