#5E5E7F - #B09F9B | 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 #5E5E7F à #B09F9B

#5E5E7F #B09F9B

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

#5E5E7F - #B09F9B | 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 #5E5E7F 0% et #B09F9B 100%.

0.0%	0.0% #5E5E7F	RVB 94 94 127	#5E5E7F
16.7%	16.7% #6B6883	RVB 107 104 131	#6B6883
33.3%	33.3% #797388	RVB 121 115 136	#797388
50.0%	50.0% #877E8D	RVB 135 126 141	#877E8D
66.7%	66.7% #948991	RVB 148 137 145	#948991
83.3%	83.3% #A29496	RVB 162 148 150	#A29496
100.0%	100.0% #B09F9B	RVB 176 159 155	#B09F9B

#5E5E7F #6B6883 #797388 #877E8D #948991 #A29496 #B09F9B

#5E5E7F - #B09F9B

Mélange HSV

#5E5E7F - #B09F9B | 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 #5E5E7F 0% et #B09F9B 100%.

0.0%	0.0% #5E5E7F	RVB 94 94 127	#5E5E7F
16.7%	16.7% #726787	RVB 114 103 135	#726787
33.3%	33.3% #87708F	RVB 135 112 143	#87708F
50.0%	50.0% #977A94	RVB 151 122 148	#977A94
66.7%	66.7% #9F8593	RVB 159 133 147	#9F8593
83.3%	83.3% #A78F94	RVB 167 143 148	#A78F94
100.0%	100.0% #B09F9B	RVB 176 159 155	#B09F9B

#5E5E7F #726787 #87708F #977A94 #9F8593 #A78F94 #B09F9B

#5E5E7F - #977A94 - #B09F9B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E7F 0%, #977A94 50%, #B09F9B 100%);
    background: -webkit-linear-gradient(top, #5E5E7F 0%, #977A94 50%, #B09F9B 100%);
    background: linear-gradient(to bottom, #5E5E7F 0%, #977A94 50%, #B09F9B 100%);
}
</style>