#BBCDBC - #5E907D | 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 #BBCDBC à #5E907D

#BBCDBC #5E907D

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

#BBCDBC - #5E907D | 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 #BBCDBC 0% et #5E907D 100%.

0.0%	0.0% #BBCDBC	RVB 187 205 188	#BBCDBC
16.7%	16.7% #ABC2B1	RVB 171 194 177	#ABC2B1
33.3%	33.3% #9CB8A7	RVB 156 184 167	#9CB8A7
50.0%	50.0% #8CAE9C	RVB 140 174 156	#8CAE9C
66.7%	66.7% #7DA492	RVB 125 164 146	#7DA492
83.3%	83.3% #6D9A87	RVB 109 154 135	#6D9A87
100.0%	100.0% #5E907D	RVB 94 144 125	#5E907D

#BBCDBC #ABC2B1 #9CB8A7 #8CAE9C #7DA492 #6D9A87 #5E907D

#BBCDBC - #5E907D

Mélange HSV

#BBCDBC - #5E907D | 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 #BBCDBC 0% et #5E907D 100%.

0.0%	0.0% #BBCDBC	RVB 187 205 188	#BBCDBC
16.7%	16.7% #A9C2AD	RVB 169 194 173	#A9C2AD
33.3%	33.3% #98B8A0	RVB 152 184 160	#98B8A0
50.0%	50.0% #88AE95	RVB 136 174 149	#88AE95
66.7%	66.7% #79A48B	RVB 121 164 139	#79A48B
83.3%	83.3% #6B9A83	RVB 107 154 131	#6B9A83
100.0%	100.0% #5E907D	RVB 94 144 125	#5E907D

#BBCDBC #A9C2AD #98B8A0 #88AE95 #79A48B #6B9A83 #5E907D

#BBCDBC - #88AE95 - #5E907D

Codes CSS

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

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