#BBC3B5 - #6A7B5E | 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 #BBC3B5 à #6A7B5E

#BBC3B5 #6A7B5E

Calculez la couleur entre deux couleurs, #BBC3B5 et #6A7B5E. 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)

#BBC3B5 - #6A7B5E | 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 #BBC3B5 0% et #6A7B5E 100%.

0.0%	0.0% #BBC3B5	RVB 187 195 181	#BBC3B5
16.7%	16.7% #ADB7A6	RVB 173 183 166	#ADB7A6
33.3%	33.3% #A0AB98	RVB 160 171 152	#A0AB98
50.0%	50.0% #929F89	RVB 146 159 137	#929F89
66.7%	66.7% #85937B	RVB 133 147 123	#85937B
83.3%	83.3% #77876C	RVB 119 135 108	#77876C
100.0%	100.0% #6A7B5E	RVB 106 123 94	#6A7B5E

#BBC3B5 #ADB7A6 #A0AB98 #929F89 #85937B #77876C #6A7B5E

#BBC3B5 - #6A7B5E

Mélange HSV

#BBC3B5 - #6A7B5E | 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 #BBC3B5 0% et #6A7B5E 100%.

0.0%	0.0% #BBC3B5	RVB 187 195 181	#BBC3B5
16.7%	16.7% #ACB7A4	RVB 172 183 164	#ACB7A4
33.3%	33.3% #9EAB95	RVB 158 171 149	#9EAB95
50.0%	50.0% #909F86	RVB 144 159 134	#909F86
66.7%	66.7% #839378	RVB 131 147 120	#839378
83.3%	83.3% #76876A	RVB 118 135 106	#76876A
100.0%	100.0% #6A7B5E	RVB 106 123 94	#6A7B5E

#BBC3B5 #ACB7A4 #9EAB95 #909F86 #839378 #76876A #6A7B5E

#BBC3B5 - #909F86 - #6A7B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC3B5 0%, #909F86 50%, #6A7B5E 100%);
    background: -webkit-linear-gradient(top, #BBC3B5 0%, #909F86 50%, #6A7B5E 100%);
    background: linear-gradient(to bottom, #BBC3B5 0%, #909F86 50%, #6A7B5E 100%);
}
</style>