#BCCCC3 - #5E8F8D | 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 #BCCCC3 à #5E8F8D

#BCCCC3 #5E8F8D

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

#BCCCC3 - #5E8F8D | 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 #BCCCC3 0% et #5E8F8D 100%.

0.0%	0.0% #BCCCC3	RVB 188 204 195	#BCCCC3
16.7%	16.7% #ACC1BA	RVB 172 193 186	#ACC1BA
33.3%	33.3% #9CB7B1	RVB 156 183 177	#9CB7B1
50.0%	50.0% #8DADA8	RVB 141 173 168	#8DADA8
66.7%	66.7% #7DA39F	RVB 125 163 159	#7DA39F
83.3%	83.3% #6D9996	RVB 109 153 150	#6D9996
100.0%	100.0% #5E8F8D	RVB 94 143 141	#5E8F8D

#BCCCC3 #ACC1BA #9CB7B1 #8DADA8 #7DA39F #6D9996 #5E8F8D

#BCCCC3 - #5E8F8D

Mélange HSV

#BCCCC3 - #5E8F8D | 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 #BCCCC3 0% et #5E8F8D 100%.

0.0%	0.0% #BCCCC3	RVB 188 204 195	#BCCCC3
16.7%	16.7% #AAC1B6	RVB 170 193 182	#AAC1B6
33.3%	33.3% #99B7AB	RVB 153 183 171	#99B7AB
50.0%	50.0% #88ADA2	RVB 136 173 162	#88ADA2
66.7%	66.7% #79A39A	RVB 121 163 154	#79A39A
83.3%	83.3% #6B9993	RVB 107 153 147	#6B9993
100.0%	100.0% #5E8F8D	RVB 94 143 141	#5E8F8D

#BCCCC3 #AAC1B6 #99B7AB #88ADA2 #79A39A #6B9993 #5E8F8D

#BCCCC3 - #88ADA2 - #5E8F8D

Codes CSS

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

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