#A49D1B - #E5E3BD | 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 #A49D1B à #E5E3BD

#A49D1B #E5E3BD

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

#A49D1B - #E5E3BD | 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 #A49D1B 0% et #E5E3BD 100%.

0.0%	0.0% #A49D1B	RVB 164 157 27	#A49D1B
16.7%	16.7% #AEA836	RVB 174 168 54	#AEA836
33.3%	33.3% #B9B451	RVB 185 180 81	#B9B451
50.0%	50.0% #C4C06C	RVB 196 192 108	#C4C06C
66.7%	66.7% #CFCB87	RVB 207 203 135	#CFCB87
83.3%	83.3% #DAD7A2	RVB 218 215 162	#DAD7A2
100.0%	100.0% #E5E3BD	RVB 229 227 189	#E5E3BD

#A49D1B #AEA836 #B9B451 #C4C06C #CFCB87 #DAD7A2 #E5E3BD

#A49D1B - #E5E3BD

Mélange HSV

#A49D1B - #E5E3BD | 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 #A49D1B 0% et #E5E3BD 100%.

0.0%	0.0% #A49D1B	RVB 164 157 27	#A49D1B
16.7%	16.7% #AEA830	RVB 174 168 48	#AEA830
33.3%	33.3% #B9B347	RVB 185 179 71	#B9B347
50.0%	50.0% #C4BF61	RVB 196 191 97	#C4BF61
66.7%	66.7% #CFCB7D	RVB 207 203 125	#CFCB7D
83.3%	83.3% #DAD79C	RVB 218 215 156	#DAD79C
100.0%	100.0% #E5E3BD	RVB 229 227 189	#E5E3BD

#A49D1B #AEA830 #B9B347 #C4BF61 #CFCB7D #DAD79C #E5E3BD

#A49D1B - #C4BF61 - #E5E3BD

Codes CSS

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

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