#A6B3E9 - #E5E9F8 | 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 #A6B3E9 à #E5E9F8

#A6B3E9 #E5E9F8

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

#A6B3E9 - #E5E9F8 | 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 #A6B3E9 0% et #E5E9F8 100%.

0.0%	0.0% #A6B3E9	RVB 166 179 233	#A6B3E9
16.7%	16.7% #B0BCEB	RVB 176 188 235	#B0BCEB
33.3%	33.3% #BBC5EE	RVB 187 197 238	#BBC5EE
50.0%	50.0% #C5CEF0	RVB 197 206 240	#C5CEF0
66.7%	66.7% #D0D7F3	RVB 208 215 243	#D0D7F3
83.3%	83.3% #DAE0F5	RVB 218 224 245	#DAE0F5
100.0%	100.0% #E5E9F8	RVB 229 233 248	#E5E9F8

#A6B3E9 #B0BCEB #BBC5EE #C5CEF0 #D0D7F3 #DAE0F5 #E5E9F8

#A6B3E9 - #E5E9F8

Mélange HSV

#A6B3E9 - #E5E9F8 | 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 #A6B3E9 0% et #E5E9F8 100%.

0.0%	0.0% #A6B3E9	RVB 166 179 233	#A6B3E9
16.7%	16.7% #B0BBEB	RVB 176 187 235	#B0BBEB
33.3%	33.3% #BAC4EE	RVB 186 196 238	#BAC4EE
50.0%	50.0% #C4CDF0	RVB 196 205 240	#C4CDF0
66.7%	66.7% #CFD6F3	RVB 207 214 243	#CFD6F3
83.3%	83.3% #DADFF5	RVB 218 223 245	#DADFF5
100.0%	100.0% #E5E9F8	RVB 229 233 248	#E5E9F8

#A6B3E9 #B0BBEB #BAC4EE #C4CDF0 #CFD6F3 #DADFF5 #E5E9F8

#A6B3E9 - #C4CDF0 - #E5E9F8

Codes CSS

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

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