#9C9FDA - #3C4D9A | 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 #9C9FDA à #3C4D9A

#9C9FDA #3C4D9A

Calculez la couleur entre deux couleurs, #9C9FDA et #3C4D9A. 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)

#9C9FDA - #3C4D9A | 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 #9C9FDA 0% et #3C4D9A 100%.

0.0%	0.0% #9C9FDA	RVB 156 159 218	#9C9FDA
16.7%	16.7% #8C91CF	RVB 140 145 207	#8C91CF
33.3%	33.3% #7C83C4	RVB 124 131 196	#7C83C4
50.0%	50.0% #6C76BA	RVB 108 118 186	#6C76BA
66.7%	66.7% #5C68AF	RVB 92 104 175	#5C68AF
83.3%	83.3% #4C5AA4	RVB 76 90 164	#4C5AA4
100.0%	100.0% #3C4D9A	RVB 60 77 154	#3C4D9A

#9C9FDA #8C91CF #7C83C4 #6C76BA #5C68AF #4C5AA4 #3C4D9A

#9C9FDA - #3C4D9A

Mélange HSV

#9C9FDA - #3C4D9A | 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 #9C9FDA 0% et #3C4D9A 100%.

0.0%	0.0% #9C9EDA	RVB 156 158 218	#9C9EDA
16.7%	16.7% #898ECF	RVB 137 142 207	#898ECF
33.3%	33.3% #777EC4	RVB 119 126 196	#777EC4
50.0%	50.0% #6670BA	RVB 102 112 186	#6670BA
66.7%	66.7% #5763AF	RVB 87 99 175	#5763AF
83.3%	83.3% #4957A4	RVB 73 87 164	#4957A4
100.0%	100.0% #3C4D9A	RVB 60 77 154	#3C4D9A

#9C9EDA #898ECF #777EC4 #6670BA #5763AF #4957A4 #3C4D9A

#9C9FDA - #6670BA - #3C4D9A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C9EDA 0%, #6670BA 50%, #3C4D9A 100%);
    background: -webkit-linear-gradient(top, #9C9EDA 0%, #6670BA 50%, #3C4D9A 100%);
    background: linear-gradient(to bottom, #9C9EDA 0%, #6670BA 50%, #3C4D9A 100%);
}
</style>