#AD5E3C - #F9A654 | 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 #AD5E3C à #F9A654

#AD5E3C #F9A654

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

#AD5E3C - #F9A654 | 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 #AD5E3C 0% et #F9A654 100%.

0.0%	0.0% #AD5E3C	RVB 173 94 60	#AD5E3C
16.7%	16.7% #B96A40	RVB 185 106 64	#B96A40
33.3%	33.3% #C67644	RVB 198 118 68	#C67644
50.0%	50.0% #D38248	RVB 211 130 72	#D38248
66.7%	66.7% #DF8E4C	RVB 223 142 76	#DF8E4C
83.3%	83.3% #EC9A50	RVB 236 154 80	#EC9A50
100.0%	100.0% #F9A654	RVB 249 166 84	#F9A654

#AD5E3C #B96A40 #C67644 #D38248 #DF8E4C #EC9A50 #F9A654

#AD5E3C - #F9A654

Mélange HSV

#AD5E3C - #F9A654 | 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 #AD5E3C 0% et #F9A654 100%.

0.0%	0.0% #AD5E3C	RVB 173 94 60	#AD5E3C
16.7%	16.7% #B96840	RVB 185 104 64	#B96840
33.3%	33.3% #C67344	RVB 198 115 68	#C67344
50.0%	50.0% #D37F48	RVB 211 127 72	#D37F48
66.7%	66.7% #DF8B4C	RVB 223 139 76	#DF8B4C
83.3%	83.3% #EC9850	RVB 236 152 80	#EC9850
100.0%	100.0% #F9A654	RVB 249 166 84	#F9A654

#AD5E3C #B96840 #C67344 #D37F48 #DF8B4C #EC9850 #F9A654

#AD5E3C - #D37F48 - #F9A654

Codes CSS

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

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