#A6B5CC - #E5E9F0 | 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 #A6B5CC à #E5E9F0

#A6B5CC #E5E9F0

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

#A6B5CC - #E5E9F0 | 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 #A6B5CC 0% et #E5E9F0 100%.

0.0%	0.0% #A6B5CC	RVB 166 181 204	#A6B5CC
16.7%	16.7% #B0BDD2	RVB 176 189 210	#B0BDD2
33.3%	33.3% #BBC6D8	RVB 187 198 216	#BBC6D8
50.0%	50.0% #C5CFDE	RVB 197 207 222	#C5CFDE
66.7%	66.7% #D0D7E4	RVB 208 215 228	#D0D7E4
83.3%	83.3% #DAE0EA	RVB 218 224 234	#DAE0EA
100.0%	100.0% #E5E9F0	RVB 229 233 240	#E5E9F0

#A6B5CC #B0BDD2 #BBC6D8 #C5CFDE #D0D7E4 #DAE0EA #E5E9F0

#A6B5CC - #E5E9F0

Mélange HSV

#A6B5CC - #E5E9F0 | 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 #A6B5CC 0% et #E5E9F0 100%.

0.0%	0.0% #A6B5CC	RVB 166 181 204	#A6B5CC
16.7%	16.7% #AFBDD2	RVB 175 189 210	#AFBDD2
33.3%	33.3% #B9C5D8	RVB 185 197 216	#B9C5D8
50.0%	50.0% #C4CEDE	RVB 196 206 222	#C4CEDE
66.7%	66.7% #CED6E4	RVB 206 214 228	#CED6E4
83.3%	83.3% #D9DFEA	RVB 217 223 234	#D9DFEA
100.0%	100.0% #E5E9F0	RVB 229 233 240	#E5E9F0

#A6B5CC #AFBDD2 #B9C5D8 #C4CEDE #CED6E4 #D9DFEA #E5E9F0

#A6B5CC - #C4CEDE - #E5E9F0

Codes CSS

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

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