#7A8FBA - #C9C8C8 | 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 #7A8FBA à #C9C8C8

#7A8FBA #C9C8C8

Calculez la couleur entre deux couleurs, #7A8FBA et #C9C8C8. 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)

#7A8FBA - #C9C8C8 | 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 #7A8FBA 0% et #C9C8C8 100%.

0.0%	0.0% #7A8FBA	RVB 122 143 186	#7A8FBA
16.7%	16.7% #8798BC	RVB 135 152 188	#8798BC
33.3%	33.3% #94A2BE	RVB 148 162 190	#94A2BE
50.0%	50.0% #A1ABC1	RVB 161 171 193	#A1ABC1
66.7%	66.7% #AEB5C3	RVB 174 181 195	#AEB5C3
83.3%	83.3% #BBBEC5	RVB 187 190 197	#BBBEC5
100.0%	100.0% #C9C8C8	RVB 201 200 200	#C9C8C8

#7A8FBA #8798BC #94A2BE #A1ABC1 #AEB5C3 #BBBEC5 #C9C8C8

#7A8FBA - #C9C8C8

Mélange HSV

#7A8FBA - #C9C8C8 | 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 #7A8FBA 0% et #C9C8C8 100%.

0.0%	0.0% #7A8FBA	RVB 122 143 186	#7A8FBA
16.7%	16.7% #8986BC	RVB 137 134 188	#8986BC
33.3%	33.3% #A692BF	RVB 166 146 191	#A692BF
50.0%	50.0% #BB9FC1	RVB 187 159 193	#BB9FC1
66.7%	66.7% #C4ACBE	RVB 196 172 190	#C4ACBE
83.3%	83.3% #C6BABF	RVB 198 186 191	#C6BABF
100.0%	100.0% #C9C8C8	RVB 201 200 200	#C9C8C8

#7A8FBA #8986BC #A692BF #BB9FC1 #C4ACBE #C6BABF #C9C8C8

#7A8FBA - #BB9FC1 - #C9C8C8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8FBA 0%, #BB9FC1 50%, #C9C8C8 100%);
    background: -webkit-linear-gradient(top, #7A8FBA 0%, #BB9FC1 50%, #C9C8C8 100%);
    background: linear-gradient(to bottom, #7A8FBA 0%, #BB9FC1 50%, #C9C8C8 100%);
}
</style>