#B8C7CA - #5E899E | 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 #B8C7CA à #5E899E

#B8C7CA #5E899E

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

#B8C7CA - #5E899E | 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 #B8C7CA 0% et #5E899E 100%.

0.0%	0.0% #B8C7CA	RVB 184 199 202	#B8C7CA
16.7%	16.7% #A9BCC2	RVB 169 188 194	#A9BCC2
33.3%	33.3% #9AB2BB	RVB 154 178 187	#9AB2BB
50.0%	50.0% #8BA8B4	RVB 139 168 180	#8BA8B4
66.7%	66.7% #7C9DAC	RVB 124 157 172	#7C9DAC
83.3%	83.3% #6D93A5	RVB 109 147 165	#6D93A5
100.0%	100.0% #5E899E	RVB 94 137 158	#5E899E

#B8C7CA #A9BCC2 #9AB2BB #8BA8B4 #7C9DAC #6D93A5 #5E899E

#B8C7CA - #5E899E

Mélange HSV

#B8C7CA - #5E899E | 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 #B8C7CA 0% et #5E899E 100%.

0.0%	0.0% #B8C7CA	RVB 184 199 202	#B8C7CA
16.7%	16.7% #A7BDC2	RVB 167 189 194	#A7BDC2
33.3%	33.3% #96B3BB	RVB 150 179 187	#96B3BB
50.0%	50.0% #87A8B4	RVB 135 168 180	#87A8B4
66.7%	66.7% #789EAC	RVB 120 158 172	#789EAC
83.3%	83.3% #6B93A5	RVB 107 147 165	#6B93A5
100.0%	100.0% #5E899E	RVB 94 137 158	#5E899E

#B8C7CA #A7BDC2 #96B3BB #87A8B4 #789EAC #6B93A5 #5E899E

#B8C7CA - #87A8B4 - #5E899E

Codes CSS

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

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