#5E861E - #EECE4B | 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 #5E861E à #EECE4B

#5E861E #EECE4B

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

#5E861E - #EECE4B | 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 #5E861E 0% et #EECE4B 100%.

0.0%	0.0% #5E861E	RVB 94 134 30	#5E861E
16.7%	16.7% #769225	RVB 118 146 37	#769225
33.3%	33.3% #8E9E2D	RVB 142 158 45	#8E9E2D
50.0%	50.0% #A6AA34	RVB 166 170 52	#A6AA34
66.7%	66.7% #BEB63C	RVB 190 182 60	#BEB63C
83.3%	83.3% #D6C243	RVB 214 194 67	#D6C243
100.0%	100.0% #EECE4B	RVB 238 206 75	#EECE4B

#5E861E #769225 #8E9E2D #A6AA34 #BEB63C #D6C243 #EECE4B

#5E861E - #EECE4B

Mélange HSV

#5E861E - #EECE4B | 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 #5E861E 0% et #EECE4B 100%.

0.0%	0.0% #5E861E	RVB 94 134 30	#5E861E
16.7%	16.7% #769724	RVB 118 151 36	#769724
33.3%	33.3% #90A82A	RVB 144 168 42	#90A82A
50.0%	50.0% #ADBA32	RVB 173 186 50	#ADBA32
66.7%	66.7% #CBCA39	RVB 203 202 57	#CBCA39
83.3%	83.3% #DCCD42	RVB 220 205 66	#DCCD42
100.0%	100.0% #EECE4B	RVB 238 206 75	#EECE4B

#5E861E #769724 #90A82A #ADBA32 #CBCA39 #DCCD42 #EECE4B

#5E861E - #ADBA32 - #EECE4B

Codes CSS

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

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