#7E7EB6 - #BEBBC4 | 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 #7E7EB6 à #BEBBC4

#7E7EB6 #BEBBC4

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

#7E7EB6 - #BEBBC4 | 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 #7E7EB6 0% et #BEBBC4 100%.

0.0%	0.0% #7E7EB6	RVB 126 126 182	#7E7EB6
16.7%	16.7% #8888B8	RVB 136 136 184	#8888B8
33.3%	33.3% #9392BA	RVB 147 146 186	#9392BA
50.0%	50.0% #9E9CBD	RVB 158 156 189	#9E9CBD
66.7%	66.7% #A8A6BF	RVB 168 166 191	#A8A6BF
83.3%	83.3% #B3B0C1	RVB 179 176 193	#B3B0C1
100.0%	100.0% #BEBBC4	RVB 190 187 196	#BEBBC4

#7E7EB6 #8888B8 #9392BA #9E9CBD #A8A6BF #B3B0C1 #BEBBC4

#7E7EB6 - #BEBBC4

Mélange HSV

#7E7EB6 - #BEBBC4 | 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 #7E7EB6 0% et #BEBBC4 100%.

0.0%	0.0% #7E7EB6	RVB 126 126 182	#7E7EB6
16.7%	16.7% #8A87B8	RVB 138 135 184	#8A87B8
33.3%	33.3% #9691BA	RVB 150 145 186	#9691BA
50.0%	50.0% #A19BBD	RVB 161 155 189	#A19BBD
66.7%	66.7% #ABA5BF	RVB 171 165 191	#ABA5BF
83.3%	83.3% #B5B0C1	RVB 181 176 193	#B5B0C1
100.0%	100.0% #BEBBC4	RVB 190 187 196	#BEBBC4

#7E7EB6 #8A87B8 #9691BA #A19BBD #ABA5BF #B5B0C1 #BEBBC4

#7E7EB6 - #A19BBD - #BEBBC4

Codes CSS

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

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