#ABB5E9 - #E7E9F8 | 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 #ABB5E9 à #E7E9F8

#ABB5E9 #E7E9F8

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

#ABB5E9 - #E7E9F8 | 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 #ABB5E9 0% et #E7E9F8 100%.

0.0%	0.0% #ABB5E9	RVB 171 181 233	#ABB5E9
16.7%	16.7% #B5BDEB	RVB 181 189 235	#B5BDEB
33.3%	33.3% #BFC6EE	RVB 191 198 238	#BFC6EE
50.0%	50.0% #C9CFF0	RVB 201 207 240	#C9CFF0
66.7%	66.7% #D3D7F3	RVB 211 215 243	#D3D7F3
83.3%	83.3% #DDE0F5	RVB 221 224 245	#DDE0F5
100.0%	100.0% #E7E9F8	RVB 231 233 248	#E7E9F8

#ABB5E9 #B5BDEB #BFC6EE #C9CFF0 #D3D7F3 #DDE0F5 #E7E9F8

#ABB5E9 - #E7E9F8

Mélange HSV

#ABB5E9 - #E7E9F8 | 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 #ABB5E9 0% et #E7E9F8 100%.

0.0%	0.0% #ABB5E9	RVB 171 181 233	#ABB5E9
16.7%	16.7% #B4BDEB	RVB 180 189 235	#B4BDEB
33.3%	33.3% #BEC5EE	RVB 190 197 238	#BEC5EE
50.0%	50.0% #C8CDF0	RVB 200 205 240	#C8CDF0
66.7%	66.7% #D2D6F3	RVB 210 214 243	#D2D6F3
83.3%	83.3% #DCDFF5	RVB 220 223 245	#DCDFF5
100.0%	100.0% #E7E9F8	RVB 231 233 248	#E7E9F8

#ABB5E9 #B4BDEB #BEC5EE #C8CDF0 #D2D6F3 #DCDFF5 #E7E9F8

#ABB5E9 - #C8CDF0 - #E7E9F8

Codes CSS

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

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