#BCC1C0 - #5C7E5E | 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 #BCC1C0 à #5C7E5E

#BCC1C0 #5C7E5E

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

#BCC1C0 - #5C7E5E | 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 #BCC1C0 0% et #5C7E5E 100%.

0.0%	0.0% #BCC1C0	RVB 188 193 192	#BCC1C0
16.7%	16.7% #ACB5AF	RVB 172 181 175	#ACB5AF
33.3%	33.3% #9CAA9F	RVB 156 170 159	#9CAA9F
50.0%	50.0% #8C9F8F	RVB 140 159 143	#8C9F8F
66.7%	66.7% #7C947E	RVB 124 148 126	#7C947E
83.3%	83.3% #6C896E	RVB 108 137 110	#6C896E
100.0%	100.0% #5C7E5E	RVB 92 126 94	#5C7E5E

#BCC1C0 #ACB5AF #9CAA9F #8C9F8F #7C947E #6C896E #5C7E5E

#BCC1C0 - #5C7E5E

Mélange HSV

#BCC1C0 - #5C7E5E | 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 #BCC1C0 0% et #5C7E5E 100%.

0.0%	0.0% #BCC1C0	RVB 188 193 192	#BCC1C0
16.7%	16.7% #A9B5B1	RVB 169 181 177	#A9B5B1
33.3%	33.3% #98AAA2	RVB 152 170 162	#98AAA2
50.0%	50.0% #879F92	RVB 135 159 146	#879F92
66.7%	66.7% #789480	RVB 120 148 128	#789480
83.3%	83.3% #69896F	RVB 105 137 111	#69896F
100.0%	100.0% #5C7E5E	RVB 92 126 94	#5C7E5E

#BCC1C0 #A9B5B1 #98AAA2 #879F92 #789480 #69896F #5C7E5E

#BCC1C0 - #879F92 - #5C7E5E

Codes CSS

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

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