#BBC8C0 - #5E8989 | 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 #BBC8C0 à #5E8989

#BBC8C0 #5E8989

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

#BBC8C0 - #5E8989 | 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 #BBC8C0 0% et #5E8989 100%.

0.0%	0.0% #BBC8C0	RVB 187 200 192	#BBC8C0
16.7%	16.7% #ABBDB6	RVB 171 189 182	#ABBDB6
33.3%	33.3% #9CB3AD	RVB 156 179 173	#9CB3AD
50.0%	50.0% #8CA8A4	RVB 140 168 164	#8CA8A4
66.7%	66.7% #7D9E9B	RVB 125 158 155	#7D9E9B
83.3%	83.3% #6D9392	RVB 109 147 146	#6D9392
100.0%	100.0% #5E8989	RVB 94 137 137	#5E8989

#BBC8C0 #ABBDB6 #9CB3AD #8CA8A4 #7D9E9B #6D9392 #5E8989

#BBC8C0 - #5E8989

Mélange HSV

#BBC8C0 - #5E8989 | 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 #BBC8C0 0% et #5E8989 100%.

0.0%	0.0% #BBC8C0	RVB 187 200 192	#BBC8C0
16.7%	16.7% #A9BDB3	RVB 169 189 179	#A9BDB3
33.3%	33.3% #98B3A8	RVB 152 179 168	#98B3A8
50.0%	50.0% #88A89E	RVB 136 168 158	#88A89E
66.7%	66.7% #799E96	RVB 121 158 150	#799E96
83.3%	83.3% #6B938F	RVB 107 147 143	#6B938F
100.0%	100.0% #5E8989	RVB 94 137 137	#5E8989

#BBC8C0 #A9BDB3 #98B3A8 #88A89E #799E96 #6B938F #5E8989

#BBC8C0 - #88A89E - #5E8989

Codes CSS

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

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