#ADAB5E - #FFDC7B | 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 #ADAB5E à #FFDC7B

#ADAB5E #FFDC7B

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

#ADAB5E - #FFDC7B | 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 #ADAB5E 0% et #FFDC7B 100%.

0.0%	0.0% #ADAB5E	RVB 173 171 94	#ADAB5E
16.7%	16.7% #BAB362	RVB 186 179 98	#BAB362
33.3%	33.3% #C8BB67	RVB 200 187 103	#C8BB67
50.0%	50.0% #D6C36C	RVB 214 195 108	#D6C36C
66.7%	66.7% #E3CB71	RVB 227 203 113	#E3CB71
83.3%	83.3% #F1D376	RVB 241 211 118	#F1D376
100.0%	100.0% #FFDC7B	RVB 255 220 123	#FFDC7B

#ADAB5E #BAB362 #C8BB67 #D6C36C #E3CB71 #F1D376 #FFDC7B

#ADAB5E - #FFDC7B

Mélange HSV

#ADAB5E - #FFDC7B | 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 #ADAB5E 0% et #FFDC7B 100%.

0.0%	0.0% #ADAB5E	RVB 173 171 94	#ADAB5E
16.7%	16.7% #BAB463	RVB 186 180 99	#BAB463
33.3%	33.3% #C8BE68	RVB 200 190 104	#C8BE68
50.0%	50.0% #D6C66D	RVB 214 198 109	#D6C66D
66.7%	66.7% #E3CE72	RVB 227 206 114	#E3CE72
83.3%	83.3% #F1D576	RVB 241 213 118	#F1D576
100.0%	100.0% #FFDC7B	RVB 255 220 123	#FFDC7B

#ADAB5E #BAB463 #C8BE68 #D6C66D #E3CE72 #F1D576 #FFDC7B

#ADAB5E - #D6C66D - #FFDC7B

Codes CSS

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

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