#2D202B - #5C5B5E | 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 #2D202B à #5C5B5E

#2D202B #5C5B5E

Calculez la couleur entre deux couleurs, #2D202B et #5C5B5E. 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)

#2D202B - #5C5B5E | 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 #2D202B 0% et #5C5B5E 100%.

0.0%	0.0% #2D202B	RVB 45 32 43	#2D202B
16.7%	16.7% #342933	RVB 52 41 51	#342933
33.3%	33.3% #3C333C	RVB 60 51 60	#3C333C
50.0%	50.0% #443D44	RVB 68 61 68	#443D44
66.7%	66.7% #4C474D	RVB 76 71 77	#4C474D
83.3%	83.3% #545155	RVB 84 81 85	#545155
100.0%	100.0% #5C5B5E	RVB 92 91 94	#5C5B5E

#2D202B #342933 #3C333C #443D44 #4C474D #545155 #5C5B5E

#2D202B - #5C5B5E

Mélange HSV

#2D202B - #5C5B5E | 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 #2D202B 0% et #5C5B5E 100%.

0.0%	0.0% #2D202B	RVB 45 32 43	#2D202B
16.7%	16.7% #352834	RVB 53 40 52	#352834
33.3%	33.3% #3B303D	RVB 59 48 61	#3B303D
50.0%	50.0% #423A45	RVB 66 58 69	#423A45
66.7%	66.7% #4A444D	RVB 74 68 77	#4A444D
83.3%	83.3% #524F55	RVB 82 79 85	#524F55
100.0%	100.0% #5C5B5E	RVB 92 91 94	#5C5B5E

#2D202B #352834 #3B303D #423A45 #4A444D #524F55 #5C5B5E

#2D202B - #423A45 - #5C5B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D202B 0%, #423A45 50%, #5C5B5E 100%);
    background: -webkit-linear-gradient(top, #2D202B 0%, #423A45 50%, #5C5B5E 100%);
    background: linear-gradient(to bottom, #2D202B 0%, #423A45 50%, #5C5B5E 100%);
}
</style>