#AAB5E0 - #D4DADE | 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 #AAB5E0 à #D4DADE

#AAB5E0 #D4DADE

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

#AAB5E0 - #D4DADE | 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 #AAB5E0 0% et #D4DADE 100%.

0.0%	0.0% #AAB5E0	RVB 170 181 224	#AAB5E0
16.7%	16.7% #B1BBDF	RVB 177 187 223	#B1BBDF
33.3%	33.3% #B8C1DF	RVB 184 193 223	#B8C1DF
50.0%	50.0% #BFC7DF	RVB 191 199 223	#BFC7DF
66.7%	66.7% #C6CDDE	RVB 198 205 222	#C6CDDE
83.3%	83.3% #CDD3DE	RVB 205 211 222	#CDD3DE
100.0%	100.0% #D4DADE	RVB 212 218 222	#D4DADE

#AAB5E0 #B1BBDF #B8C1DF #BFC7DF #C6CDDE #CDD3DE #D4DADE

#AAB5E0 - #D4DADE

Mélange HSV

#AAB5E0 - #D4DADE | 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 #AAB5E0 0% et #D4DADE 100%.

0.0%	0.0% #AAB5E0	RVB 170 181 224	#AAB5E0
16.7%	16.7% #B1BDDF	RVB 177 189 223	#B1BDDF
33.3%	33.3% #B8C5DF	RVB 184 197 223	#B8C5DF
50.0%	50.0% #BFCBDF	RVB 191 203 223	#BFCBDF
66.7%	66.7% #C6D1DE	RVB 198 209 222	#C6D1DE
83.3%	83.3% #CDD6DE	RVB 205 214 222	#CDD6DE
100.0%	100.0% #D4DADE	RVB 212 218 222	#D4DADE

#AAB5E0 #B1BDDF #B8C5DF #BFCBDF #C6D1DE #CDD6DE #D4DADE

#AAB5E0 - #BFCBDF - #D4DADE

Codes CSS

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

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