#A59E00 - #E5E2B6 | 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 #A59E00 à #E5E2B6

#A59E00 #E5E2B6

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

#A59E00 - #E5E2B6 | 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 #A59E00 0% et #E5E2B6 100%.

0.0%	0.0% #A59E00	RVB 165 158 0	#A59E00
16.7%	16.7% #AFA91E	RVB 175 169 30	#AFA91E
33.3%	33.3% #BAB43C	RVB 186 180 60	#BAB43C
50.0%	50.0% #C5C05B	RVB 197 192 91	#C5C05B
66.7%	66.7% #CFCB79	RVB 207 203 121	#CFCB79
83.3%	83.3% #DAD697	RVB 218 214 151	#DAD697
100.0%	100.0% #E5E2B6	RVB 229 226 182	#E5E2B6

#A59E00 #AFA91E #BAB43C #C5C05B #CFCB79 #DAD697 #E5E2B6

#A59E00 - #E5E2B6

Mélange HSV

#A59E00 - #E5E2B6 | 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 #A59E00 0% et #E5E2B6 100%.

0.0%	0.0% #A59E00	RVB 165 158 0	#A59E00
16.7%	16.7% #AFA817	RVB 175 168 23	#AFA817
33.3%	33.3% #BAB331	RVB 186 179 49	#BAB331
50.0%	50.0% #C5BE4E	RVB 197 190 78	#C5BE4E
66.7%	66.7% #CFCA6E	RVB 207 202 110	#CFCA6E
83.3%	83.3% #DAD590	RVB 218 213 144	#DAD590
100.0%	100.0% #E5E2B6	RVB 229 226 182	#E5E2B6

#A59E00 #AFA817 #BAB331 #C5BE4E #CFCA6E #DAD590 #E5E2B6

#A59E00 - #C5BE4E - #E5E2B6

Codes CSS

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

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