#5E5E00 - #E0A01B | 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 #5E5E00 à #E0A01B

#5E5E00 #E0A01B

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

#5E5E00 - #E0A01B | 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 #5E5E00 0% et #E0A01B 100%.

0.0%	0.0% #5E5E00	RVB 94 94 0	#5E5E00
16.7%	16.7% #736904	RVB 115 105 4	#736904
33.3%	33.3% #897409	RVB 137 116 9	#897409
50.0%	50.0% #9F7F0D	RVB 159 127 13	#9F7F0D
66.7%	66.7% #B48A12	RVB 180 138 18	#B48A12
83.3%	83.3% #CA9516	RVB 202 149 22	#CA9516
100.0%	100.0% #E0A01B	RVB 224 160 27	#E0A01B

#5E5E00 #736904 #897409 #9F7F0D #B48A12 #CA9516 #E0A01B

#5E5E00 - #E0A01B

Mélange HSV

#5E5E00 - #E0A01B | 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 #5E5E00 0% et #E0A01B 100%.

0.0%	0.0% #5E5E00	RVB 94 94 0	#5E5E00
16.7%	16.7% #736D02	RVB 115 109 2	#736D02
33.3%	33.3% #897B05	RVB 137 123 5	#897B05
50.0%	50.0% #9F8609	RVB 159 134 9	#9F8609
66.7%	66.7% #B4900E	RVB 180 144 14	#B4900E
83.3%	83.3% #CA9914	RVB 202 153 20	#CA9914
100.0%	100.0% #E0A01B	RVB 224 160 27	#E0A01B

#5E5E00 #736D02 #897B05 #9F8609 #B4900E #CA9914 #E0A01B

#5E5E00 - #9F8609 - #E0A01B

Codes CSS

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

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