#9F7E5E - #FDC27B | 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 #9F7E5E à #FDC27B

#9F7E5E #FDC27B

Calculez la couleur entre deux couleurs, #9F7E5E et #FDC27B. 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)

#9F7E5E - #FDC27B | 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 #9F7E5E 0% et #FDC27B 100%.

0.0%	0.0% #9F7E5E	RVB 159 126 94	#9F7E5E
16.7%	16.7% #AE8962	RVB 174 137 98	#AE8962
33.3%	33.3% #BE9467	RVB 190 148 103	#BE9467
50.0%	50.0% #CEA06C	RVB 206 160 108	#CEA06C
66.7%	66.7% #DDAB71	RVB 221 171 113	#DDAB71
83.3%	83.3% #EDB676	RVB 237 182 118	#EDB676
100.0%	100.0% #FDC27B	RVB 253 194 123	#FDC27B

#9F7E5E #AE8962 #BE9467 #CEA06C #DDAB71 #EDB676 #FDC27B

#9F7E5E - #FDC27B

Mélange HSV

#9F7E5E - #FDC27B | 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 #9F7E5E 0% et #FDC27B 100%.

0.0%	0.0% #9F7E5E	RVB 159 126 94	#9F7E5E
16.7%	16.7% #AE8964	RVB 174 137 100	#AE8964
33.3%	33.3% #BE9469	RVB 190 148 105	#BE9469
50.0%	50.0% #CEA06E	RVB 206 160 110	#CEA06E
66.7%	66.7% #DDAB73	RVB 221 171 115	#DDAB73
83.3%	83.3% #EDB677	RVB 237 182 119	#EDB677
100.0%	100.0% #FDC27B	RVB 253 194 123	#FDC27B

#9F7E5E #AE8964 #BE9469 #CEA06E #DDAB73 #EDB677 #FDC27B

#9F7E5E - #CEA06E - #FDC27B

Codes CSS

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

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