#353F5E - #84828B | 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 #353F5E à #84828B

#353F5E #84828B

Calculez la couleur entre deux couleurs, #353F5E et #84828B. 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)

#353F5E - #84828B | 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 #353F5E 0% et #84828B 100%.

0.0%	0.0% #353F5E	RVB 53 63 94	#353F5E
16.7%	16.7% #424A65	RVB 66 74 101	#424A65
33.3%	33.3% #4F556D	RVB 79 85 109	#4F556D
50.0%	50.0% #5C6074	RVB 92 96 116	#5C6074
66.7%	66.7% #696B7C	RVB 105 107 124	#696B7C
83.3%	83.3% #767683	RVB 118 118 131	#767683
100.0%	100.0% #84828B	RVB 132 130 139	#84828B

#353F5E #424A65 #4F556D #5C6074 #696B7C #767683 #84828B

#353F5E - #84828B

Mélange HSV

#353F5E - #84828B | 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 #353F5E 0% et #84828B 100%.

0.0%	0.0% #353F5E	RVB 53 63 94	#353F5E
16.7%	16.7% #3F4565	RVB 63 69 101	#3F4565
33.3%	33.3% #4A4D6D	RVB 74 77 109	#4A4D6D
50.0%	50.0% #575774	RVB 87 87 116	#575774
66.7%	66.7% #66647C	RVB 102 100 124	#66647C
83.3%	83.3% #757283	RVB 117 114 131	#757283
100.0%	100.0% #84828B	RVB 132 130 139	#84828B

#353F5E #3F4565 #4A4D6D #575774 #66647C #757283 #84828B

#353F5E - #575774 - #84828B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353F5E 0%, #575774 50%, #84828B 100%);
    background: -webkit-linear-gradient(top, #353F5E 0%, #575774 50%, #84828B 100%);
    background: linear-gradient(to bottom, #353F5E 0%, #575774 50%, #84828B 100%);
}
</style>