#AAB9A8 - #EBE2B5 | 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 #AAB9A8 à #EBE2B5

#AAB9A8 #EBE2B5

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

#AAB9A8 - #EBE2B5 | 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 #AAB9A8 0% et #EBE2B5 100%.

0.0%	0.0% #AAB9A8	RVB 170 185 168	#AAB9A8
16.7%	16.7% #B4BFAA	RVB 180 191 170	#B4BFAA
33.3%	33.3% #BFC6AC	RVB 191 198 172	#BFC6AC
50.0%	50.0% #CACDAE	RVB 202 205 174	#CACDAE
66.7%	66.7% #D5D4B0	RVB 213 212 176	#D5D4B0
83.3%	83.3% #E0DBB2	RVB 224 219 178	#E0DBB2
100.0%	100.0% #EBE2B5	RVB 235 226 181	#EBE2B5

#AAB9A8 #B4BFAA #BFC6AC #CACDAE #D5D4B0 #E0DBB2 #EBE2B5

#AAB9A8 - #EBE2B5

Mélange HSV

#AAB9A8 - #EBE2B5 | 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 #AAB9A8 0% et #EBE2B5 100%.

0.0%	0.0% #AAB9A8	RVB 170 185 168	#AAB9A8
16.7%	16.7% #B1C1AB	RVB 177 193 171	#B1C1AB
33.3%	33.3% #BAC9AD	RVB 186 201 173	#BAC9AD
50.0%	50.0% #C5D2B0	RVB 197 210 176	#C5D2B0
66.7%	66.7% #D2DAB2	RVB 210 218 178	#D2DAB2
83.3%	83.3% #E2E2B3	RVB 226 226 179	#E2E2B3
100.0%	100.0% #EBE2B5	RVB 235 226 181	#EBE2B5

#AAB9A8 #B1C1AB #BAC9AD #C5D2B0 #D2DAB2 #E2E2B3 #EBE2B5

#AAB9A8 - #C5D2B0 - #EBE2B5

Codes CSS

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

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