#828A8C - #3E3C44 | 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 #828A8C à #3E3C44

#828A8C #3E3C44

Calculez la couleur entre deux couleurs, #828A8C et #3E3C44. 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)

#828A8C - #3E3C44 | 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 #828A8C 0% et #3E3C44 100%.

0.0%	0.0% #828A8C	RVB 130 138 140	#828A8C
16.7%	16.7% #767D80	RVB 118 125 128	#767D80
33.3%	33.3% #6B7074	RVB 107 112 116	#6B7074
50.0%	50.0% #606368	RVB 96 99 104	#606368
66.7%	66.7% #54565C	RVB 84 86 92	#54565C
83.3%	83.3% #494950	RVB 73 73 80	#494950
100.0%	100.0% #3E3C44	RVB 62 60 68	#3E3C44

#828A8C #767D80 #6B7074 #606368 #54565C #494950 #3E3C44

#828A8C - #3E3C44

Mélange HSV

#828A8C - #3E3C44 | 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 #828A8C 0% et #3E3C44 100%.

0.0%	0.0% #828A8C	RVB 130 138 140	#828A8C
16.7%	16.7% #757C80	RVB 117 124 128	#757C80
33.3%	33.3% #696E74	RVB 105 110 116	#696E74
50.0%	50.0% #5E6068	RVB 94 96 104	#5E6068
66.7%	66.7% #52535C	RVB 82 83 92	#52535C
83.3%	83.3% #474750	RVB 71 71 80	#474750
100.0%	100.0% #3E3C44	RVB 62 60 68	#3E3C44

#828A8C #757C80 #696E74 #5E6068 #52535C #474750 #3E3C44

#828A8C - #5E6068 - #3E3C44

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828A8C 0%, #5E6068 50%, #3E3C44 100%);
    background: -webkit-linear-gradient(top, #828A8C 0%, #5E6068 50%, #3E3C44 100%);
    background: linear-gradient(to bottom, #828A8C 0%, #5E6068 50%, #3E3C44 100%);
}
</style>