#AAADAA - #E2DDB5 | 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 #AAADAA à #E2DDB5

#AAADAA #E2DDB5

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

#AAADAA - #E2DDB5 | 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 #AAADAA 0% et #E2DDB5 100%.

0.0%	0.0% #AAADAA	RVB 170 173 170	#AAADAA
16.7%	16.7% #B3B5AB	RVB 179 181 171	#B3B5AB
33.3%	33.3% #BCBDAD	RVB 188 189 173	#BCBDAD
50.0%	50.0% #C6C5AF	RVB 198 197 175	#C6C5AF
66.7%	66.7% #CFCDB1	RVB 207 205 177	#CFCDB1
83.3%	83.3% #D8D5B3	RVB 216 213 179	#D8D5B3
100.0%	100.0% #E2DDB5	RVB 226 221 181	#E2DDB5

#AAADAA #B3B5AB #BCBDAD #C6C5AF #CFCDB1 #D8D5B3 #E2DDB5

#AAADAA - #E2DDB5

Mélange HSV

#AAADAA - #E2DDB5 | 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 #AAADAA 0% et #E2DDB5 100%.

0.0%	0.0% #AAADAA	RVB 170 173 170	#AAADAA
16.7%	16.7% #AEB5AD	RVB 174 181 173	#AEB5AD
33.3%	33.3% #B5BEAF	RVB 181 190 175	#B5BEAF
50.0%	50.0% #BDC7B1	RVB 189 199 177	#BDC7B1
66.7%	66.7% #C8D0B3	RVB 200 208 179	#C8D0B3
83.3%	83.3% #D6D9B4	RVB 214 217 180	#D6D9B4
100.0%	100.0% #E2DDB5	RVB 226 221 181	#E2DDB5

#AAADAA #AEB5AD #B5BEAF #BDC7B1 #C8D0B3 #D6D9B4 #E2DDB5

#AAADAA - #BDC7B1 - #E2DDB5

Codes CSS

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

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