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

#AB9A8F #FFD9AB

Calculez la couleur entre deux couleurs, #AB9A8F 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)

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

0.0%	0.0% #AB9A8F	RVB 171 154 143	#AB9A8F
16.7%	16.7% #B9A493	RVB 185 164 147	#B9A493
33.3%	33.3% #C7AF98	RVB 199 175 152	#C7AF98
50.0%	50.0% #D5B99D	RVB 213 185 157	#D5B99D
66.7%	66.7% #E3C4A1	RVB 227 196 161	#E3C4A1
83.3%	83.3% #F1CEA6	RVB 241 206 166	#F1CEA6
100.0%	100.0% #FFD9AB	RVB 255 217 171	#FFD9AB

#AB9A8F #B9A493 #C7AF98 #D5B99D #E3C4A1 #F1CEA6 #FFD9AB

#AB9A8F - #FFD9AB

Mélange HSV

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

0.0%	0.0% #AB9A8F	RVB 171 154 143	#AB9A8F
16.7%	16.7% #B9A495	RVB 185 164 149	#B9A495
33.3%	33.3% #C7AE9B	RVB 199 174 155	#C7AE9B
50.0%	50.0% #D5B9A0	RVB 213 185 160	#D5B9A0
66.7%	66.7% #E3C3A4	RVB 227 195 164	#E3C3A4
83.3%	83.3% #F1CEA8	RVB 241 206 168	#F1CEA8
100.0%	100.0% #FFD9AB	RVB 255 217 171	#FFD9AB

#AB9A8F #B9A495 #C7AE9B #D5B9A0 #E3C3A4 #F1CEA8 #FFD9AB

#AB9A8F - #D5B9A0 - #FFD9AB

Codes CSS

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

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