#B2B5E5 - #4F63AC | 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 #B2B5E5 à #4F63AC

#B2B5E5 #4F63AC

Calculez la couleur entre deux couleurs, #B2B5E5 et #4F63AC. 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)

#B2B5E5 - #4F63AC | 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 #B2B5E5 0% et #4F63AC 100%.

0.0%	0.0% #B2B5E5	RVB 178 181 229	#B2B5E5
16.7%	16.7% #A1A7DB	RVB 161 167 219	#A1A7DB
33.3%	33.3% #9199D2	RVB 145 153 210	#9199D2
50.0%	50.0% #808CC8	RVB 128 140 200	#808CC8
66.7%	66.7% #707EBF	RVB 112 126 191	#707EBF
83.3%	83.3% #5F70B5	RVB 95 112 181	#5F70B5
100.0%	100.0% #4F63AC	RVB 79 99 172	#4F63AC

#B2B5E5 #A1A7DB #9199D2 #808CC8 #707EBF #5F70B5 #4F63AC

#B2B5E5 - #4F63AC

Mélange HSV

#B2B5E5 - #4F63AC | 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 #B2B5E5 0% et #4F63AC 100%.

0.0%	0.0% #B2B5E5	RVB 178 181 229	#B2B5E5
16.7%	16.7% #9EA4DB	RVB 158 164 219	#9EA4DB
33.3%	33.3% #8C94D2	RVB 140 148 210	#8C94D2
50.0%	50.0% #7B86C8	RVB 123 134 200	#7B86C8
66.7%	66.7% #6B79BF	RVB 107 121 191	#6B79BF
83.3%	83.3% #5C6DB5	RVB 92 109 181	#5C6DB5
100.0%	100.0% #4F63AC	RVB 79 99 172	#4F63AC

#B2B5E5 #9EA4DB #8C94D2 #7B86C8 #6B79BF #5C6DB5 #4F63AC

#B2B5E5 - #7B86C8 - #4F63AC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B5E5 0%, #7B86C8 50%, #4F63AC 100%);
    background: -webkit-linear-gradient(top, #B2B5E5 0%, #7B86C8 50%, #4F63AC 100%);
    background: linear-gradient(to bottom, #B2B5E5 0%, #7B86C8 50%, #4F63AC 100%);
}
</style>