#B5B5C3 - #5E5E7B | 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 #B5B5C3 à #5E5E7B

#B5B5C3 #5E5E7B

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

#B5B5C3 - #5E5E7B | 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 #B5B5C3 0% et #5E5E7B 100%.

0.0%	0.0% #B5B5C3	RVB 181 181 195	#B5B5C3
16.7%	16.7% #A6A6B7	RVB 166 166 183	#A6A6B7
33.3%	33.3% #9898AB	RVB 152 152 171	#9898AB
50.0%	50.0% #89899F	RVB 137 137 159	#89899F
66.7%	66.7% #7B7B93	RVB 123 123 147	#7B7B93
83.3%	83.3% #6C6C87	RVB 108 108 135	#6C6C87
100.0%	100.0% #5E5E7B	RVB 94 94 123	#5E5E7B

#B5B5C3 #A6A6B7 #9898AB #89899F #7B7B93 #6C6C87 #5E5E7B

#B5B5C3 - #5E5E7B

Mélange HSV

#B5B5C3 - #5E5E7B | 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 #B5B5C3 0% et #5E5E7B 100%.

0.0%	0.0% #B5B5C3	RVB 181 181 195	#B5B5C3
16.7%	16.7% #A4A4B7	RVB 164 164 183	#A4A4B7
33.3%	33.3% #9595AB	RVB 149 149 171	#9595AB
50.0%	50.0% #86869F	RVB 134 134 159	#86869F
66.7%	66.7% #787893	RVB 120 120 147	#787893
83.3%	83.3% #6A6A87	RVB 106 106 135	#6A6A87
100.0%	100.0% #5E5E7B	RVB 94 94 123	#5E5E7B

#B5B5C3 #A4A4B7 #9595AB #86869F #787893 #6A6A87 #5E5E7B

#B5B5C3 - #86869F - #5E5E7B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B5C3 0%, #86869F 50%, #5E5E7B 100%);
    background: -webkit-linear-gradient(top, #B5B5C3 0%, #86869F 50%, #5E5E7B 100%);
    background: linear-gradient(to bottom, #B5B5C3 0%, #86869F 50%, #5E5E7B 100%);
}
</style>