#ABABF9 - #C2D9F0 | 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 #ABABF9 à #C2D9F0

#ABABF9 #C2D9F0

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

#ABABF9 - #C2D9F0 | 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 #ABABF9 0% et #C2D9F0 100%.

0.0%	0.0% #ABABF9	RVB 171 171 249	#ABABF9
16.7%	16.7% #AEB2F7	RVB 174 178 247	#AEB2F7
33.3%	33.3% #B2BAF6	RVB 178 186 246	#B2BAF6
50.0%	50.0% #B6C2F4	RVB 182 194 244	#B6C2F4
66.7%	66.7% #BAC9F3	RVB 186 201 243	#BAC9F3
83.3%	83.3% #BED1F1	RVB 190 209 241	#BED1F1
100.0%	100.0% #C2D9F0	RVB 194 217 240	#C2D9F0

#ABABF9 #AEB2F7 #B2BAF6 #B6C2F4 #BAC9F3 #BED1F1 #C2D9F0

#ABABF9 - #C2D9F0

Mélange HSV

#ABABF9 - #C2D9F0 | 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 #ABABF9 0% et #C2D9F0 100%.

0.0%	0.0% #ABABF9	RVB 171 171 249	#ABABF9
16.7%	16.7% #AEB5F7	RVB 174 181 247	#AEB5F7
33.3%	33.3% #B2BEF6	RVB 178 190 246	#B2BEF6
50.0%	50.0% #B6C6F4	RVB 182 198 244	#B6C6F4
66.7%	66.7% #BACDF3	RVB 186 205 243	#BACDF3
83.3%	83.3% #BED3F1	RVB 190 211 241	#BED3F1
100.0%	100.0% #C2D9F0	RVB 194 217 240	#C2D9F0

#ABABF9 #AEB5F7 #B2BEF6 #B6C6F4 #BACDF3 #BED3F1 #C2D9F0

#ABABF9 - #B6C6F4 - #C2D9F0

Codes CSS

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

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