#B7BBC3 - #5E6E80 | 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 #B7BBC3 à #5E6E80

#B7BBC3 #5E6E80

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

#B7BBC3 - #5E6E80 | 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 #B7BBC3 0% et #5E6E80 100%.

0.0%	0.0% #B7BBC3	RVB 183 187 195	#B7BBC3
16.7%	16.7% #A8AEB7	RVB 168 174 183	#A8AEB7
33.3%	33.3% #99A1AC	RVB 153 161 172	#99A1AC
50.0%	50.0% #8A94A1	RVB 138 148 161	#8A94A1
66.7%	66.7% #7B8796	RVB 123 135 150	#7B8796
83.3%	83.3% #6C7A8B	RVB 108 122 139	#6C7A8B
100.0%	100.0% #5E6E80	RVB 94 110 128	#5E6E80

#B7BBC3 #A8AEB7 #99A1AC #8A94A1 #7B8796 #6C7A8B #5E6E80

#B7BBC3 - #5E6E80

Mélange HSV

#B7BBC3 - #5E6E80 | 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 #B7BBC3 0% et #5E6E80 100%.

0.0%	0.0% #B7BBC3	RVB 183 187 195	#B7BBC3
16.7%	16.7% #A6ACB7	RVB 166 172 183	#A6ACB7
33.3%	33.3% #969EAC	RVB 150 158 172	#969EAC
50.0%	50.0% #8791A1	RVB 135 145 161	#8791A1
66.7%	66.7% #788596	RVB 120 133 150	#788596
83.3%	83.3% #6A798B	RVB 106 121 139	#6A798B
100.0%	100.0% #5E6E80	RVB 94 110 128	#5E6E80

#B7BBC3 #A6ACB7 #969EAC #8791A1 #788596 #6A798B #5E6E80

#B7BBC3 - #8791A1 - #5E6E80

Codes CSS

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

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