#ABAB5E - #FFDB7B | 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 #ABAB5E à #FFDB7B

#ABAB5E #FFDB7B

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

#ABAB5E - #FFDB7B | 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 #ABAB5E 0% et #FFDB7B 100%.

0.0%	0.0% #ABAB5E	RVB 171 171 94	#ABAB5E
16.7%	16.7% #B9B362	RVB 185 179 98	#B9B362
33.3%	33.3% #C7BB67	RVB 199 187 103	#C7BB67
50.0%	50.0% #D5C36C	RVB 213 195 108	#D5C36C
66.7%	66.7% #E3CB71	RVB 227 203 113	#E3CB71
83.3%	83.3% #F1D376	RVB 241 211 118	#F1D376
100.0%	100.0% #FFDB7B	RVB 255 219 123	#FFDB7B

#ABAB5E #B9B362 #C7BB67 #D5C36C #E3CB71 #F1D376 #FFDB7B

#ABAB5E - #FFDB7B

Mélange HSV

#ABAB5E - #FFDB7B | 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 #ABAB5E 0% et #FFDB7B 100%.

0.0%	0.0% #ABAB5E	RVB 171 171 94	#ABAB5E
16.7%	16.7% #B9B563	RVB 185 181 99	#B9B563
33.3%	33.3% #C7BE68	RVB 199 190 104	#C7BE68
50.0%	50.0% #D5C66D	RVB 213 198 109	#D5C66D
66.7%	66.7% #E3CE72	RVB 227 206 114	#E3CE72
83.3%	83.3% #F1D576	RVB 241 213 118	#F1D576
100.0%	100.0% #FFDB7B	RVB 255 219 123	#FFDB7B

#ABAB5E #B9B563 #C7BE68 #D5C66D #E3CE72 #F1D576 #FFDB7B

#ABAB5E - #D5C66D - #FFDB7B

Codes CSS

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

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