#A49C92 - #FFD9AB | 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 #A49C92 à #FFD9AB

#A49C92 #FFD9AB

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

#A49C92 - #FFD9AB | 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 #A49C92 0% et #FFD9AB 100%.

0.0%	0.0% #A49C92	RVB 164 156 146	#A49C92
16.7%	16.7% #B3A696	RVB 179 166 150	#B3A696
33.3%	33.3% #C2B09A	RVB 194 176 154	#C2B09A
50.0%	50.0% #D1BA9E	RVB 209 186 158	#D1BA9E
66.7%	66.7% #E0C4A2	RVB 224 196 162	#E0C4A2
83.3%	83.3% #EFCEA6	RVB 239 206 166	#EFCEA6
100.0%	100.0% #FFD9AB	RVB 255 217 171	#FFD9AB

#A49C92 #B3A696 #C2B09A #D1BA9E #E0C4A2 #EFCEA6 #FFD9AB

#A49C92 - #FFD9AB

Mélange HSV

#A49C92 - #FFD9AB | 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 #A49C92 0% et #FFD9AB 100%.

0.0%	0.0% #A49C92	RVB 164 156 146	#A49C92
16.7%	16.7% #B3A798	RVB 179 167 152	#B3A798
33.3%	33.3% #C2B29E	RVB 194 178 158	#C2B29E
50.0%	50.0% #D1BCA3	RVB 209 188 163	#D1BCA3
66.7%	66.7% #E0C6A7	RVB 224 198 167	#E0C6A7
83.3%	83.3% #EFD0A9	RVB 239 208 169	#EFD0A9
100.0%	100.0% #FFD9AB	RVB 255 217 171	#FFD9AB

#A49C92 #B3A798 #C2B29E #D1BCA3 #E0C6A7 #EFD0A9 #FFD9AB

#A49C92 - #D1BCA3 - #FFD9AB

Codes CSS

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

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