#B5BAB5 - #5E7163 | 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 #B5BAB5 à #5E7163

#B5BAB5 #5E7163

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

#B5BAB5 - #5E7163 | 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 #B5BAB5 0% et #5E7163 100%.

0.0%	0.0% #B5BAB5	RVB 181 186 181	#B5BAB5
16.7%	16.7% #A6ADA7	RVB 166 173 167	#A6ADA7
33.3%	33.3% #98A199	RVB 152 161 153	#98A199
50.0%	50.0% #89958C	RVB 137 149 140	#89958C
66.7%	66.7% #7B897E	RVB 123 137 126	#7B897E
83.3%	83.3% #6C7D70	RVB 108 125 112	#6C7D70
100.0%	100.0% #5E7163	RVB 94 113 99	#5E7163

#B5BAB5 #A6ADA7 #98A199 #89958C #7B897E #6C7D70 #5E7163

#B5BAB5 - #5E7163

Mélange HSV

#B5BAB5 - #5E7163 | 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 #B5BAB5 0% et #5E7163 100%.

0.0%	0.0% #B5BAB5	RVB 181 186 181	#B5BAB5
16.7%	16.7% #A5ADA5	RVB 165 173 165	#A5ADA5
33.3%	33.3% #95A196	RVB 149 161 150	#95A196
50.0%	50.0% #869588	RVB 134 149 136	#869588
66.7%	66.7% #78897B	RVB 120 137 123	#78897B
83.3%	83.3% #6B7D6F	RVB 107 125 111	#6B7D6F
100.0%	100.0% #5E7163	RVB 94 113 99	#5E7163

#B5BAB5 #A5ADA5 #95A196 #869588 #78897B #6B7D6F #5E7163

#B5BAB5 - #869588 - #5E7163

Codes CSS

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

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