#E5E10F - #B9A00C | 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 #E5E10F à #B9A00C

#E5E10F #B9A00C

Calculez la couleur entre deux couleurs, #E5E10F et #B9A00C. 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)

#E5E10F - #B9A00C | 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 #E5E10F 0% et #B9A00C 100%.

0.0%	0.0% #E5E10F	RVB 229 225 15	#E5E10F
16.7%	16.7% #DDD60E	RVB 221 214 14	#DDD60E
33.3%	33.3% #D6CB0E	RVB 214 203 14	#D6CB0E
50.0%	50.0% #CFC00D	RVB 207 192 13	#CFC00D
66.7%	66.7% #C7B50D	RVB 199 181 13	#C7B50D
83.3%	83.3% #C0AA0C	RVB 192 170 12	#C0AA0C
100.0%	100.0% #B9A00C	RVB 185 160 12	#B9A00C

#E5E10F #DDD60E #D6CB0E #CFC00D #C7B50D #C0AA0C #B9A00C

#E5E10F - #B9A00C

Mélange HSV

#E5E10F - #B9A00C | 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 #E5E10F 0% et #B9A00C 100%.

0.0%	0.0% #E5E10E	RVB 229 225 14	#E5E10E
16.7%	16.7% #DDD50E	RVB 221 213 14	#DDD50E
33.3%	33.3% #D6CA0D	RVB 214 202 13	#D6CA0D
50.0%	50.0% #CFBF0D	RVB 207 191 13	#CFBF0D
66.7%	66.7% #C7B40C	RVB 199 180 12	#C7B40C
83.3%	83.3% #C0AA0C	RVB 192 170 12	#C0AA0C
100.0%	100.0% #B9A00C	RVB 185 160 12	#B9A00C

#E5E10E #DDD50E #D6CA0D #CFBF0D #C7B40C #C0AA0C #B9A00C

#E5E10F - #CFBF0D - #B9A00C

Codes CSS

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

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