#AAAAB0 - #B5E4DF | 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 #AAAAB0 à #B5E4DF

#AAAAB0 #B5E4DF

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

#AAAAB0 - #B5E4DF | 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 #AAAAB0 0% et #B5E4DF 100%.

0.0%	0.0% #AAAAB0	RVB 170 170 176	#AAAAB0
16.7%	16.7% #ABB3B7	RVB 171 179 183	#ABB3B7
33.3%	33.3% #ADBDBF	RVB 173 189 191	#ADBDBF
50.0%	50.0% #AFC7C7	RVB 175 199 199	#AFC7C7
66.7%	66.7% #B1D0CF	RVB 177 208 207	#B1D0CF
83.3%	83.3% #B3DAD7	RVB 179 218 215	#B3DAD7
100.0%	100.0% #B5E4DF	RVB 181 228 223	#B5E4DF

#AAAAB0 #ABB3B7 #ADBDBF #AFC7C7 #B1D0CF #B3DAD7 #B5E4DF

#AAAAB0 - #B5E4DF

Mélange HSV

#AAAAB0 - #B5E4DF | 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 #AAAAB0 0% et #B5E4DF 100%.

0.0%	0.0% #AAAAB0	RVB 170 170 176	#AAAAB0
16.7%	16.7% #ADAFB8	RVB 173 175 184	#ADAFB8
33.3%	33.3% #AFB6C1	RVB 175 182 193	#AFB6C1
50.0%	50.0% #B1BFCA	RVB 177 191 202	#B1BFCA
66.7%	66.7% #B3CAD2	RVB 179 202 210	#B3CAD2
83.3%	83.3% #B4D8DB	RVB 180 216 219	#B4D8DB
100.0%	100.0% #B5E4DF	RVB 181 228 223	#B5E4DF

#AAAAB0 #ADAFB8 #AFB6C1 #B1BFCA #B3CAD2 #B4D8DB #B5E4DF

#AAAAB0 - #B1BFCA - #B5E4DF

Codes CSS

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

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