#BABAFF - #5162D4 | 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 #BABAFF à #5162D4

#BABAFF #5162D4

Calculez la couleur entre deux couleurs, #BABAFF et #5162D4. 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)

#BABAFF - #5162D4 | 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 #BABAFF 0% et #5162D4 100%.

0.0%	0.0% #BABAFF	RVB 186 186 255	#BABAFF
16.7%	16.7% #A8ABF7	RVB 168 171 247	#A8ABF7
33.3%	33.3% #979CF0	RVB 151 156 240	#979CF0
50.0%	50.0% #858EE9	RVB 133 142 233	#858EE9
66.7%	66.7% #747FE2	RVB 116 127 226	#747FE2
83.3%	83.3% #6270DB	RVB 98 112 219	#6270DB
100.0%	100.0% #5162D4	RVB 81 98 212	#5162D4

#BABAFF #A8ABF7 #979CF0 #858EE9 #747FE2 #6270DB #5162D4

#BABAFF - #5162D4

Mélange HSV

#BABAFF - #5162D4 | 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 #BABAFF 0% et #5162D4 100%.

0.0%	0.0% #BABAFF	RVB 186 186 255	#BABAFF
16.7%	16.7% #A6A8F7	RVB 166 168 247	#A6A8F7
33.3%	33.3% #9397F0	RVB 147 151 240	#9397F0
50.0%	50.0% #8188E9	RVB 129 136 233	#8188E9
66.7%	66.7% #707AE2	RVB 112 122 226	#707AE2
83.3%	83.3% #606DDB	RVB 96 109 219	#606DDB
100.0%	100.0% #5162D4	RVB 81 98 212	#5162D4

#BABAFF #A6A8F7 #9397F0 #8188E9 #707AE2 #606DDB #5162D4

#BABAFF - #8188E9 - #5162D4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BABAFF 0%, #8188E9 50%, #5162D4 100%);
    background: -webkit-linear-gradient(top, #BABAFF 0%, #8188E9 50%, #5162D4 100%);
    background: linear-gradient(to bottom, #BABAFF 0%, #8188E9 50%, #5162D4 100%);
}
</style>