#A07E5E - #FEC27B | 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 #A07E5E à #FEC27B

#A07E5E #FEC27B

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

#A07E5E - #FEC27B | 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 #A07E5E 0% et #FEC27B 100%.

0.0%	0.0% #A07E5E	RVB 160 126 94	#A07E5E
16.7%	16.7% #AF8962	RVB 175 137 98	#AF8962
33.3%	33.3% #BF9467	RVB 191 148 103	#BF9467
50.0%	50.0% #CFA06C	RVB 207 160 108	#CFA06C
66.7%	66.7% #DEAB71	RVB 222 171 113	#DEAB71
83.3%	83.3% #EEB676	RVB 238 182 118	#EEB676
100.0%	100.0% #FEC27B	RVB 254 194 123	#FEC27B

#A07E5E #AF8962 #BF9467 #CFA06C #DEAB71 #EEB676 #FEC27B

#A07E5E - #FEC27B

Mélange HSV

#A07E5E - #FEC27B | 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 #A07E5E 0% et #FEC27B 100%.

0.0%	0.0% #A07E5E	RVB 160 126 94	#A07E5E
16.7%	16.7% #AF8964	RVB 175 137 100	#AF8964
33.3%	33.3% #BF9469	RVB 191 148 105	#BF9469
50.0%	50.0% #CFA06E	RVB 207 160 110	#CFA06E
66.7%	66.7% #DEAB73	RVB 222 171 115	#DEAB73
83.3%	83.3% #EEB677	RVB 238 182 119	#EEB677
100.0%	100.0% #FEC27B	RVB 254 194 123	#FEC27B

#A07E5E #AF8964 #BF9469 #CFA06E #DEAB73 #EEB677 #FEC27B

#A07E5E - #CFA06E - #FEC27B

Codes CSS

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

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