#BA9A8D - #FFDBAB | 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 #BA9A8D à #FFDBAB

#BA9A8D #FFDBAB

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

#BA9A8D - #FFDBAB | 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 #BA9A8D 0% et #FFDBAB 100%.

0.0%	0.0% #BA9A8D	RVB 186 154 141	#BA9A8D
16.7%	16.7% #C5A492	RVB 197 164 146	#C5A492
33.3%	33.3% #D1AF97	RVB 209 175 151	#D1AF97
50.0%	50.0% #DCBA9C	RVB 220 186 156	#DCBA9C
66.7%	66.7% #E8C5A1	RVB 232 197 161	#E8C5A1
83.3%	83.3% #F3D0A6	RVB 243 208 166	#F3D0A6
100.0%	100.0% #FFDBAB	RVB 255 219 171	#FFDBAB

#BA9A8D #C5A492 #D1AF97 #DCBA9C #E8C5A1 #F3D0A6 #FFDBAB

#BA9A8D - #FFDBAB

Mélange HSV

#BA9A8D - #FFDBAB | 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 #BA9A8D 0% et #FFDBAB 100%.

0.0%	0.0% #BA9A8D	RVB 186 154 141	#BA9A8D
16.7%	16.7% #C5A392	RVB 197 163 146	#C5A392
33.3%	33.3% #D1AE98	RVB 209 174 152	#D1AE98
50.0%	50.0% #DCB89D	RVB 220 184 157	#DCB89D
66.7%	66.7% #E8C3A2	RVB 232 195 162	#E8C3A2
83.3%	83.3% #F3CFA6	RVB 243 207 166	#F3CFA6
100.0%	100.0% #FFDBAB	RVB 255 219 171	#FFDBAB

#BA9A8D #C5A392 #D1AE98 #DCB89D #E8C3A2 #F3CFA6 #FFDBAB

#BA9A8D - #DCB89D - #FFDBAB

Codes CSS

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

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