#202C2D - #5B5E5C | 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 #202C2D à #5B5E5C

#202C2D #5B5E5C

Calculez la couleur entre deux couleurs, #202C2D et #5B5E5C. 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)

#202C2D - #5B5E5C | 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 #202C2D 0% et #5B5E5C 100%.

0.0%	0.0% #202C2D	RVB 32 44 45	#202C2D
16.7%	16.7% #293434	RVB 41 52 52	#293434
33.3%	33.3% #333C3C	RVB 51 60 60	#333C3C
50.0%	50.0% #3D4544	RVB 61 69 68	#3D4544
66.7%	66.7% #474D4C	RVB 71 77 76	#474D4C
83.3%	83.3% #515554	RVB 81 85 84	#515554
100.0%	100.0% #5B5E5C	RVB 91 94 92	#5B5E5C

#202C2D #293434 #333C3C #3D4544 #474D4C #515554 #5B5E5C

#202C2D - #5B5E5C

Mélange HSV

#202C2D - #5B5E5C | 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 #202C2D 0% et #5B5E5C 100%.

0.0%	0.0% #202B2D	RVB 32 43 45	#202B2D
16.7%	16.7% #283534	RVB 40 53 52	#283534
33.3%	33.3% #303D3B	RVB 48 61 59	#303D3B
50.0%	50.0% #3A4542	RVB 58 69 66	#3A4542
66.7%	66.7% #444D49	RVB 68 77 73	#444D49
83.3%	83.3% #4F5552	RVB 79 85 82	#4F5552
100.0%	100.0% #5B5E5C	RVB 91 94 92	#5B5E5C

#202B2D #283534 #303D3B #3A4542 #444D49 #4F5552 #5B5E5C

#202C2D - #3A4542 - #5B5E5C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202B2D 0%, #3A4542 50%, #5B5E5C 100%);
    background: -webkit-linear-gradient(top, #202B2D 0%, #3A4542 50%, #5B5E5C 100%);
    background: linear-gradient(to bottom, #202B2D 0%, #3A4542 50%, #5B5E5C 100%);
}
</style>