#BBCAC1 - #5E8C8A | 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 #BBCAC1 à #5E8C8A

#BBCAC1 #5E8C8A

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

#BBCAC1 - #5E8C8A | 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 #BBCAC1 0% et #5E8C8A 100%.

0.0%	0.0% #BBCAC1	RVB 187 202 193	#BBCAC1
16.7%	16.7% #ABBFB7	RVB 171 191 183	#ABBFB7
33.3%	33.3% #9CB5AE	RVB 156 181 174	#9CB5AE
50.0%	50.0% #8CABA5	RVB 140 171 165	#8CABA5
66.7%	66.7% #7DA09C	RVB 125 160 156	#7DA09C
83.3%	83.3% #6D9693	RVB 109 150 147	#6D9693
100.0%	100.0% #5E8C8A	RVB 94 140 138	#5E8C8A

#BBCAC1 #ABBFB7 #9CB5AE #8CABA5 #7DA09C #6D9693 #5E8C8A

#BBCAC1 - #5E8C8A

Mélange HSV

#BBCAC1 - #5E8C8A | 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 #BBCAC1 0% et #5E8C8A 100%.

0.0%	0.0% #BBCAC1	RVB 187 202 193	#BBCAC1
16.7%	16.7% #A9BFB4	RVB 169 191 180	#A9BFB4
33.3%	33.3% #98B5A9	RVB 152 181 169	#98B5A9
50.0%	50.0% #88AB9F	RVB 136 171 159	#88AB9F
66.7%	66.7% #79A097	RVB 121 160 151	#79A097
83.3%	83.3% #6B9690	RVB 107 150 144	#6B9690
100.0%	100.0% #5E8C8A	RVB 94 140 138	#5E8C8A

#BBCAC1 #A9BFB4 #98B5A9 #88AB9F #79A097 #6B9690 #5E8C8A

#BBCAC1 - #88AB9F - #5E8C8A

Codes CSS

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

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