#6E5E5E - #897EAE | 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 #6E5E5E à #897EAE

#6E5E5E #897EAE

Calculez la couleur entre deux couleurs, #6E5E5E et #897EAE. 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)

#6E5E5E - #897EAE | 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 #6E5E5E 0% et #897EAE 100%.

0.0%	0.0% #6E5E5E	RVB 110 94 94	#6E5E5E
16.7%	16.7% #72636B	RVB 114 99 107	#72636B
33.3%	33.3% #776878	RVB 119 104 120	#776878
50.0%	50.0% #7B6E86	RVB 123 110 134	#7B6E86
66.7%	66.7% #807393	RVB 128 115 147	#807393
83.3%	83.3% #8478A0	RVB 132 120 160	#8478A0
100.0%	100.0% #897EAE	RVB 137 126 174	#897EAE

#6E5E5E #72636B #776878 #7B6E86 #807393 #8478A0 #897EAE

#6E5E5E - #897EAE

Mélange HSV

#6E5E5E - #897EAE | 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 #6E5E5E 0% et #897EAE 100%.

0.0%	0.0% #6E5E5E	RVB 110 94 94	#6E5E5E
16.7%	16.7% #78646A	RVB 120 100 106	#78646A
33.3%	33.3% #836A79	RVB 131 106 121	#836A79
50.0%	50.0% #8E708A	RVB 142 112 138	#8E708A
66.7%	66.7% #927598	RVB 146 117 152	#927598
83.3%	83.3% #8F79A3	RVB 143 121 163	#8F79A3
100.0%	100.0% #897EAE	RVB 137 126 174	#897EAE

#6E5E5E #78646A #836A79 #8E708A #927598 #8F79A3 #897EAE

#6E5E5E - #8E708A - #897EAE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E5E 0%, #8E708A 50%, #897EAE 100%);
    background: -webkit-linear-gradient(top, #6E5E5E 0%, #8E708A 50%, #897EAE 100%);
    background: linear-gradient(to bottom, #6E5E5E 0%, #8E708A 50%, #897EAE 100%);
}
</style>