#A69C92 - #FFD9AC | 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 #A69C92 à #FFD9AC

#A69C92 #FFD9AC

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

#A69C92 - #FFD9AC | 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 #A69C92 0% et #FFD9AC 100%.

0.0%	0.0% #A69C92	RVB 166 156 146	#A69C92
16.7%	16.7% #B4A696	RVB 180 166 150	#B4A696
33.3%	33.3% #C3B09A	RVB 195 176 154	#C3B09A
50.0%	50.0% #D2BA9F	RVB 210 186 159	#D2BA9F
66.7%	66.7% #E1C4A3	RVB 225 196 163	#E1C4A3
83.3%	83.3% #F0CEA7	RVB 240 206 167	#F0CEA7
100.0%	100.0% #FFD9AC	RVB 255 217 172	#FFD9AC

#A69C92 #B4A696 #C3B09A #D2BA9F #E1C4A3 #F0CEA7 #FFD9AC

#A69C92 - #FFD9AC

Mélange HSV

#A69C92 - #FFD9AC | 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 #A69C92 0% et #FFD9AC 100%.

0.0%	0.0% #A69C92	RVB 166 156 146	#A69C92
16.7%	16.7% #B4A798	RVB 180 167 152	#B4A798
33.3%	33.3% #C3B19E	RVB 195 177 158	#C3B19E
50.0%	50.0% #D2BCA3	RVB 210 188 163	#D2BCA3
66.7%	66.7% #E1C5A7	RVB 225 197 167	#E1C5A7
83.3%	83.3% #F0CFAA	RVB 240 207 170	#F0CFAA
100.0%	100.0% #FFD9AC	RVB 255 217 172	#FFD9AC

#A69C92 #B4A798 #C3B19E #D2BCA3 #E1C5A7 #F0CFAA #FFD9AC

#A69C92 - #D2BCA3 - #FFD9AC

Codes CSS

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

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