#5E6D8F - #B8AFAC | 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 #5E6D8F à #B8AFAC

#5E6D8F #B8AFAC

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

#5E6D8F - #B8AFAC | 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 #5E6D8F 0% et #B8AFAC 100%.

0.0%	0.0% #5E6D8F	RVB 94 109 143	#5E6D8F
16.7%	16.7% #6D7893	RVB 109 120 147	#6D7893
33.3%	33.3% #7C8398	RVB 124 131 152	#7C8398
50.0%	50.0% #8B8E9D	RVB 139 142 157	#8B8E9D
66.7%	66.7% #9A99A2	RVB 154 153 162	#9A99A2
83.3%	83.3% #A9A4A7	RVB 169 164 167	#A9A4A7
100.0%	100.0% #B8AFAC	RVB 184 175 172	#B8AFAC

#5E6D8F #6D7893 #7C8398 #8B8E9D #9A99A2 #A9A4A7 #B8AFAC

#5E6D8F - #B8AFAC

Mélange HSV

#5E6D8F - #B8AFAC | 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 #5E6D8F 0% et #B8AFAC 100%.

0.0%	0.0% #5E6D8F	RVB 94 109 143	#5E6D8F
16.7%	16.7% #6E6995	RVB 110 105 149	#6E6995
33.3%	33.3% #8A759C	RVB 138 117 156	#8A759C
50.0%	50.0% #A282A3	RVB 162 130 163	#A282A3
66.7%	66.7% #AA8F9F	RVB 170 143 159	#AA8F9F
83.3%	83.3% #B19DA0	RVB 177 157 160	#B19DA0
100.0%	100.0% #B8AFAC	RVB 184 175 172	#B8AFAC

#5E6D8F #6E6995 #8A759C #A282A3 #AA8F9F #B19DA0 #B8AFAC

#5E6D8F - #A282A3 - #B8AFAC

Codes CSS

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

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