#ABABC3 - #5E55AB | 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 #ABABC3 à #5E55AB

#ABABC3 #5E55AB

Calculez la couleur entre deux couleurs, #ABABC3 et #5E55AB. 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)

#ABABC3 - #5E55AB | 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 #ABABC3 0% et #5E55AB 100%.

0.0%	0.0% #ABABC3	RVB 171 171 195	#ABABC3
16.7%	16.7% #9E9CBF	RVB 158 156 191	#9E9CBF
33.3%	33.3% #918EBB	RVB 145 142 187	#918EBB
50.0%	50.0% #8480B7	RVB 132 128 183	#8480B7
66.7%	66.7% #7771B3	RVB 119 113 179	#7771B3
83.3%	83.3% #6A63AF	RVB 106 99 175	#6A63AF
100.0%	100.0% #5E55AB	RVB 94 85 171	#5E55AB

#ABABC3 #9E9CBF #918EBB #8480B7 #7771B3 #6A63AF #5E55AB

#ABABC3 - #5E55AB

Mélange HSV

#ABABC3 - #5E55AB | 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 #ABABC3 0% et #5E55AB 100%.

0.0%	0.0% #ABABC3	RVB 171 171 195	#ABABC3
16.7%	16.7% #9C9BBF	RVB 156 155 191	#9C9BBF
33.3%	33.3% #8D8CBB	RVB 141 140 187	#8D8CBB
50.0%	50.0% #807DB7	RVB 128 125 183	#807DB7
66.7%	66.7% #746FB3	RVB 116 111 179	#746FB3
83.3%	83.3% #6862AF	RVB 104 98 175	#6862AF
100.0%	100.0% #5E55AB	RVB 94 85 171	#5E55AB

#ABABC3 #9C9BBF #8D8CBB #807DB7 #746FB3 #6862AF #5E55AB

#ABABC3 - #807DB7 - #5E55AB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABABC3 0%, #807DB7 50%, #5E55AB 100%);
    background: -webkit-linear-gradient(top, #ABABC3 0%, #807DB7 50%, #5E55AB 100%);
    background: linear-gradient(to bottom, #ABABC3 0%, #807DB7 50%, #5E55AB 100%);
}
</style>