#545646 - #181814 | 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 #545646 à #181814

#545646 #181814

Calculez la couleur entre deux couleurs, #545646 et #181814. 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)

#545646 - #181814 | 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 #545646 0% et #181814 100%.

0.0%	0.0% #545646	RVB 84 86 70	#545646
16.7%	16.7% #4A4B3D	RVB 74 75 61	#4A4B3D
33.3%	33.3% #404135	RVB 64 65 53	#404135
50.0%	50.0% #36372D	RVB 54 55 45	#36372D
66.7%	66.7% #2C2C24	RVB 44 44 36	#2C2C24
83.3%	83.3% #22221C	RVB 34 34 28	#22221C
100.0%	100.0% #181814	RVB 24 24 20	#181814

#545646 #4A4B3D #404135 #36372D #2C2C24 #22221C #181814

#545646 - #181814

Mélange HSV

#545646 - #181814 | 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 #545646 0% et #181814 100%.

0.0%	0.0% #545646	RVB 84 86 70	#545646
16.7%	16.7% #4A4B3D	RVB 74 75 61	#4A4B3D
33.3%	33.3% #404135	RVB 64 65 53	#404135
50.0%	50.0% #36372D	RVB 54 55 45	#36372D
66.7%	66.7% #2C2C24	RVB 44 44 36	#2C2C24
83.3%	83.3% #22221C	RVB 34 34 28	#22221C
100.0%	100.0% #181814	RVB 24 24 20	#181814

#545646 #4A4B3D #404135 #36372D #2C2C24 #22221C #181814

#545646 - #36372D - #181814

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545646 0%, #36372D 50%, #181814 100%);
    background: -webkit-linear-gradient(top, #545646 0%, #36372D 50%, #181814 100%);
    background: linear-gradient(to bottom, #545646 0%, #36372D 50%, #181814 100%);
}
</style>