#A29A95 - #FFD9B0 | 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 #A29A95 à #FFD9B0

#A29A95 #FFD9B0

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

#A29A95 - #FFD9B0 | 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 #A29A95 0% et #FFD9B0 100%.

0.0%	0.0% #A29A95	RVB 162 154 149	#A29A95
16.7%	16.7% #B1A499	RVB 177 164 153	#B1A499
33.3%	33.3% #C1AF9E	RVB 193 175 158	#C1AF9E
50.0%	50.0% #D0B9A2	RVB 208 185 162	#D0B9A2
66.7%	66.7% #E0C4A7	RVB 224 196 167	#E0C4A7
83.3%	83.3% #EFCEAB	RVB 239 206 171	#EFCEAB
100.0%	100.0% #FFD9B0	RVB 255 217 176	#FFD9B0

#A29A95 #B1A499 #C1AF9E #D0B9A2 #E0C4A7 #EFCEAB #FFD9B0

#A29A95 - #FFD9B0

Mélange HSV

#A29A95 - #FFD9B0 | 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 #A29A95 0% et #FFD9B0 100%.

0.0%	0.0% #A29A95	RVB 162 154 149	#A29A95
16.7%	16.7% #B1A59C	RVB 177 165 156	#B1A59C
33.3%	33.3% #C1AFA2	RVB 193 175 162	#C1AFA2
50.0%	50.0% #D0BAA7	RVB 208 186 167	#D0BAA7
66.7%	66.7% #E0C4AB	RVB 224 196 171	#E0C4AB
83.3%	83.3% #EFCEAE	RVB 239 206 174	#EFCEAE
100.0%	100.0% #FFD9B0	RVB 255 217 176	#FFD9B0

#A29A95 #B1A59C #C1AFA2 #D0BAA7 #E0C4AB #EFCEAE #FFD9B0

#A29A95 - #D0BAA7 - #FFD9B0

Codes CSS

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

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