#A0B5E7 - #E3E9F8 | 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 #A0B5E7 à #E3E9F8

#A0B5E7 #E3E9F8

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

#A0B5E7 - #E3E9F8 | 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 #A0B5E7 0% et #E3E9F8 100%.

0.0%	0.0% #A0B5E7	RVB 160 181 231	#A0B5E7
16.7%	16.7% #ABBDE9	RVB 171 189 233	#ABBDE9
33.3%	33.3% #B6C6EC	RVB 182 198 236	#B6C6EC
50.0%	50.0% #C1CFEF	RVB 193 207 239	#C1CFEF
66.7%	66.7% #CCD7F2	RVB 204 215 242	#CCD7F2
83.3%	83.3% #D7E0F5	RVB 215 224 245	#D7E0F5
100.0%	100.0% #E3E9F8	RVB 227 233 248	#E3E9F8

#A0B5E7 #ABBDE9 #B6C6EC #C1CFEF #CCD7F2 #D7E0F5 #E3E9F8

#A0B5E7 - #E3E9F8

Mélange HSV

#A0B5E7 - #E3E9F8 | 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 #A0B5E7 0% et #E3E9F8 100%.

0.0%	0.0% #A0B5E7	RVB 160 181 231	#A0B5E7
16.7%	16.7% #AABDE9	RVB 170 189 233	#AABDE9
33.3%	33.3% #B5C5EC	RVB 181 197 236	#B5C5EC
50.0%	50.0% #C0CEEF	RVB 192 206 239	#C0CEEF
66.7%	66.7% #CBD6F2	RVB 203 214 242	#CBD6F2
83.3%	83.3% #D7DFF5	RVB 215 223 245	#D7DFF5
100.0%	100.0% #E3E9F8	RVB 227 233 248	#E3E9F8

#A0B5E7 #AABDE9 #B5C5EC #C0CEEF #CBD6F2 #D7DFF5 #E3E9F8

#A0B5E7 - #C0CEEF - #E3E9F8

Codes CSS

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

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