#8F7B5E - #FFA079 | 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 #8F7B5E à #FFA079

#8F7B5E #FFA079

Calculez la couleur entre deux couleurs, #8F7B5E et #FFA079. 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)

#8F7B5E - #FFA079 | 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 #8F7B5E 0% et #FFA079 100%.

0.0%	0.0% #8F7B5E	RVB 143 123 94	#8F7B5E
16.7%	16.7% #A18162	RVB 161 129 98	#A18162
33.3%	33.3% #B48767	RVB 180 135 103	#B48767
50.0%	50.0% #C78D6B	RVB 199 141 107	#C78D6B
66.7%	66.7% #D99370	RVB 217 147 112	#D99370
83.3%	83.3% #EC9974	RVB 236 153 116	#EC9974
100.0%	100.0% #FFA079	RVB 255 160 121	#FFA079

#8F7B5E #A18162 #B48767 #C78D6B #D99370 #EC9974 #FFA079

#8F7B5E - #FFA079

Mélange HSV

#8F7B5E - #FFA079 | 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 #8F7B5E 0% et #FFA079 100%.

0.0%	0.0% #8F7B5E	RVB 143 123 94	#8F7B5E
16.7%	16.7% #A18665	RVB 161 134 101	#A18665
33.3%	33.3% #B48F6B	RVB 180 143 107	#B48F6B
50.0%	50.0% #C79670	RVB 199 150 112	#C79670
66.7%	66.7% #D99C74	RVB 217 156 116	#D99C74
83.3%	83.3% #EC9F77	RVB 236 159 119	#EC9F77
100.0%	100.0% #FFA079	RVB 255 160 121	#FFA079

#8F7B5E #A18665 #B48F6B #C79670 #D99C74 #EC9F77 #FFA079

#8F7B5E - #C79670 - #FFA079

Codes CSS

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

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