#7777AB - #2B2E5E | 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 #7777AB à #2B2E5E

#7777AB #2B2E5E

Calculez la couleur entre deux couleurs, #7777AB et #2B2E5E. 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)

#7777AB - #2B2E5E | 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 #7777AB 0% et #2B2E5E 100%.

0.0%	0.0% #7777AB	RVB 119 119 171	#7777AB
16.7%	16.7% #6A6A9E	RVB 106 106 158	#6A6A9E
33.3%	33.3% #5D5E91	RVB 93 94 145	#5D5E91
50.0%	50.0% #515284	RVB 81 82 132	#515284
66.7%	66.7% #444677	RVB 68 70 119	#444677
83.3%	83.3% #373A6A	RVB 55 58 106	#373A6A
100.0%	100.0% #2B2E5E	RVB 43 46 94	#2B2E5E

#7777AB #6A6A9E #5D5E91 #515284 #444677 #373A6A #2B2E5E

#7777AB - #2B2E5E

Mélange HSV

#7777AB - #2B2E5E | 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 #7777AB 0% et #2B2E5E 100%.

0.0%	0.0% #7777AB	RVB 119 119 171	#7777AB
16.7%	16.7% #67689E	RVB 103 104 158	#67689E
33.3%	33.3% #595A91	RVB 89 90 145	#595A91
50.0%	50.0% #4C4E84	RVB 76 78 132	#4C4E84
66.7%	66.7% #404277	RVB 64 66 119	#404277
83.3%	83.3% #35376A	RVB 53 55 106	#35376A
100.0%	100.0% #2B2E5E	RVB 43 46 94	#2B2E5E

#7777AB #67689E #595A91 #4C4E84 #404277 #35376A #2B2E5E

#7777AB - #4C4E84 - #2B2E5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7777AB 0%, #4C4E84 50%, #2B2E5E 100%);
    background: -webkit-linear-gradient(top, #7777AB 0%, #4C4E84 50%, #2B2E5E 100%);
    background: linear-gradient(to bottom, #7777AB 0%, #4C4E84 50%, #2B2E5E 100%);
}
</style>