#ABDAFF - #E5E4ED | 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 #ABDAFF à #E5E4ED

#ABDAFF #E5E4ED

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

#ABDAFF - #E5E4ED | 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 #ABDAFF 0% et #E5E4ED 100%.

0.0%	0.0% #ABDAFF	RVB 171 218 255	#ABDAFF
16.7%	16.7% #B4DBFC	RVB 180 219 252	#B4DBFC
33.3%	33.3% #BEDDF9	RVB 190 221 249	#BEDDF9
50.0%	50.0% #C8DFF6	RVB 200 223 246	#C8DFF6
66.7%	66.7% #D1E0F3	RVB 209 224 243	#D1E0F3
83.3%	83.3% #DBE2F0	RVB 219 226 240	#DBE2F0
100.0%	100.0% #E5E4ED	RVB 229 228 237	#E5E4ED

#ABDAFF #B4DBFC #BEDDF9 #C8DFF6 #D1E0F3 #DBE2F0 #E5E4ED

#ABDAFF - #E5E4ED

Mélange HSV

#ABDAFF - #E5E4ED | 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 #ABDAFF 0% et #E5E4ED 100%.

0.0%	0.0% #ABDAFF	RVB 171 218 255	#ABDAFF
16.7%	16.7% #B5D4FC	RVB 181 212 252	#B5D4FC
33.3%	33.3% #BFD2F9	RVB 191 210 249	#BFD2F9
50.0%	50.0% #C8D2F6	RVB 200 210 246	#C8D2F6
66.7%	66.7% #D2D5F3	RVB 210 213 243	#D2D5F3
83.3%	83.3% #DBDBF0	RVB 219 219 240	#DBDBF0
100.0%	100.0% #E5E4ED	RVB 229 228 237	#E5E4ED

#ABDAFF #B5D4FC #BFD2F9 #C8D2F6 #D2D5F3 #DBDBF0 #E5E4ED

#ABDAFF - #C8D2F6 - #E5E4ED

Codes CSS

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

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