#B79A8C - #FFDAAA | 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 #B79A8C à #FFDAAA

#B79A8C #FFDAAA

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

#B79A8C - #FFDAAA | 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 #B79A8C 0% et #FFDAAA 100%.

0.0%	0.0% #B79A8C	RVB 183 154 140	#B79A8C
16.7%	16.7% #C3A491	RVB 195 164 145	#C3A491
33.3%	33.3% #CFAF96	RVB 207 175 150	#CFAF96
50.0%	50.0% #DBBA9B	RVB 219 186 155	#DBBA9B
66.7%	66.7% #E7C4A0	RVB 231 196 160	#E7C4A0
83.3%	83.3% #F3CFA5	RVB 243 207 165	#F3CFA5
100.0%	100.0% #FFDAAA	RVB 255 218 170	#FFDAAA

#B79A8C #C3A491 #CFAF96 #DBBA9B #E7C4A0 #F3CFA5 #FFDAAA

#B79A8C - #FFDAAA

Mélange HSV

#B79A8C - #FFDAAA | 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 #B79A8C 0% et #FFDAAA 100%.

0.0%	0.0% #B79A8C	RVB 183 154 140	#B79A8C
16.7%	16.7% #C3A391	RVB 195 163 145	#C3A391
33.3%	33.3% #CFAE97	RVB 207 174 151	#CFAE97
50.0%	50.0% #DBB89C	RVB 219 184 156	#DBB89C
66.7%	66.7% #E7C3A1	RVB 231 195 161	#E7C3A1
83.3%	83.3% #F3CEA5	RVB 243 206 165	#F3CEA5
100.0%	100.0% #FFDAAA	RVB 255 218 170	#FFDAAA

#B79A8C #C3A391 #CFAE97 #DBB89C #E7C3A1 #F3CEA5 #FFDAAA

#B79A8C - #DBB89C - #FFDAAA

Codes CSS

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

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