#B8C8C8 - #4D9292 | 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 #B8C8C8 à #4D9292

#B8C8C8 #4D9292

Calculez la couleur entre deux couleurs, #B8C8C8 et #4D9292. 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)

#B8C8C8 - #4D9292 | 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 #B8C8C8 0% et #4D9292 100%.

0.0%	0.0% #B8C8C8	RVB 184 200 200	#B8C8C8
16.7%	16.7% #A6BFBF	RVB 166 191 191	#A6BFBF
33.3%	33.3% #94B6B6	RVB 148 182 182	#94B6B6
50.0%	50.0% #82ADAD	RVB 130 173 173	#82ADAD
66.7%	66.7% #70A4A4	RVB 112 164 164	#70A4A4
83.3%	83.3% #5E9B9B	RVB 94 155 155	#5E9B9B
100.0%	100.0% #4D9292	RVB 77 146 146	#4D9292

#B8C8C8 #A6BFBF #94B6B6 #82ADAD #70A4A4 #5E9B9B #4D9292

#B8C8C8 - #4D9292

Mélange HSV

#B8C8C8 - #4D9292 | 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 #B8C8C8 0% et #4D9292 100%.

0.0%	0.0% #B8C8C8	RVB 184 200 200	#B8C8C8
16.7%	16.7% #A3BFBF	RVB 163 191 191	#A3BFBF
33.3%	33.3% #8FB6B6	RVB 143 182 182	#8FB6B6
50.0%	50.0% #7DADAD	RVB 125 173 173	#7DADAD
66.7%	66.7% #6BA4A4	RVB 107 164 164	#6BA4A4
83.3%	83.3% #5B9B9B	RVB 91 155 155	#5B9B9B
100.0%	100.0% #4D9292	RVB 77 146 146	#4D9292

#B8C8C8 #A3BFBF #8FB6B6 #7DADAD #6BA4A4 #5B9B9B #4D9292

#B8C8C8 - #7DADAD - #4D9292

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C8C8 0%, #7DADAD 50%, #4D9292 100%);
    background: -webkit-linear-gradient(top, #B8C8C8 0%, #7DADAD 50%, #4D9292 100%);
    background: linear-gradient(to bottom, #B8C8C8 0%, #7DADAD 50%, #4D9292 100%);
}
</style>