#7B768D - #462E5E | 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 #7B768D à #462E5E

#7B768D #462E5E

Calculez la couleur entre deux couleurs, #7B768D et #462E5E. 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)

#7B768D - #462E5E | 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 #7B768D 0% et #462E5E 100%.

0.0%	0.0% #7B768D	RVB 123 118 141	#7B768D
16.7%	16.7% #726A85	RVB 114 106 133	#726A85
33.3%	33.3% #695E7D	RVB 105 94 125	#695E7D
50.0%	50.0% #605275	RVB 96 82 117	#605275
66.7%	66.7% #57466D	RVB 87 70 109	#57466D
83.3%	83.3% #4E3A65	RVB 78 58 101	#4E3A65
100.0%	100.0% #462E5E	RVB 70 46 94	#462E5E

#7B768D #726A85 #695E7D #605275 #57466D #4E3A65 #462E5E

#7B768D - #462E5E

Mélange HSV

#7B768D - #462E5E | 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 #7B768D 0% et #462E5E 100%.

0.0%	0.0% #7B768D	RVB 123 118 141	#7B768D
16.7%	16.7% #6F6785	RVB 111 103 133	#6F6785
33.3%	33.3% #655A7D	RVB 101 90 125	#655A7D
50.0%	50.0% #5C4D75	RVB 92 77 117	#5C4D75
66.7%	66.7% #53426D	RVB 83 66 109	#53426D
83.3%	83.3% #4C3765	RVB 76 55 101	#4C3765
100.0%	100.0% #462E5E	RVB 70 46 94	#462E5E

#7B768D #6F6785 #655A7D #5C4D75 #53426D #4C3765 #462E5E

#7B768D - #5C4D75 - #462E5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B768D 0%, #5C4D75 50%, #462E5E 100%);
    background: -webkit-linear-gradient(top, #7B768D 0%, #5C4D75 50%, #462E5E 100%);
    background: linear-gradient(to bottom, #7B768D 0%, #5C4D75 50%, #462E5E 100%);
}
</style>