#AB9A8C - #FFD8A8 | 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 #AB9A8C à #FFD8A8

#AB9A8C #FFD8A8

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

#AB9A8C - #FFD8A8 | 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 #AB9A8C 0% et #FFD8A8 100%.

0.0%	0.0% #AB9A8C	RVB 171 154 140	#AB9A8C
16.7%	16.7% #B9A490	RVB 185 164 144	#B9A490
33.3%	33.3% #C7AE95	RVB 199 174 149	#C7AE95
50.0%	50.0% #D5B99A	RVB 213 185 154	#D5B99A
66.7%	66.7% #E3C39E	RVB 227 195 158	#E3C39E
83.3%	83.3% #F1CDA3	RVB 241 205 163	#F1CDA3
100.0%	100.0% #FFD8A8	RVB 255 216 168	#FFD8A8

#AB9A8C #B9A490 #C7AE95 #D5B99A #E3C39E #F1CDA3 #FFD8A8

#AB9A8C - #FFD8A8

Mélange HSV

#AB9A8C - #FFD8A8 | 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 #AB9A8C 0% et #FFD8A8 100%.

0.0%	0.0% #AB9A8C	RVB 171 154 140	#AB9A8C
16.7%	16.7% #B9A492	RVB 185 164 146	#B9A492
33.3%	33.3% #C7AE98	RVB 199 174 152	#C7AE98
50.0%	50.0% #D5B99D	RVB 213 185 157	#D5B99D
66.7%	66.7% #E3C3A1	RVB 227 195 161	#E3C3A1
83.3%	83.3% #F1CDA5	RVB 241 205 165	#F1CDA5
100.0%	100.0% #FFD8A8	RVB 255 216 168	#FFD8A8

#AB9A8C #B9A492 #C7AE98 #D5B99D #E3C3A1 #F1CDA5 #FFD8A8

#AB9A8C - #D5B99D - #FFD8A8

Codes CSS

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

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