#202220 - #535E49 | 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 #202220 à #535E49

#202220 #535E49

Calculez la couleur entre deux couleurs, #202220 et #535E49. 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)

#202220 - #535E49 | 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 #202220 0% et #535E49 100%.

0.0%	0.0% #202220	RVB 32 34 32	#202220
16.7%	16.7% #282C26	RVB 40 44 38	#282C26
33.3%	33.3% #31362D	RVB 49 54 45	#31362D
50.0%	50.0% #394034	RVB 57 64 52	#394034
66.7%	66.7% #424A3B	RVB 66 74 59	#424A3B
83.3%	83.3% #4A5442	RVB 74 84 66	#4A5442
100.0%	100.0% #535E49	RVB 83 94 73	#535E49

#202220 #282C26 #31362D #394034 #424A3B #4A5442 #535E49

#202220 - #535E49

Mélange HSV

#202220 - #535E49 | 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 #202220 0% et #535E49 100%.

0.0%	0.0% #202220	RVB 32 34 32	#202220
16.7%	16.7% #282C28	RVB 40 44 40	#282C28
33.3%	33.3% #30362F	RVB 48 54 47	#30362F
50.0%	50.0% #394036	RVB 57 64 54	#394036
66.7%	66.7% #414A3D	RVB 65 74 61	#414A3D
83.3%	83.3% #4A5443	RVB 74 84 67	#4A5443
100.0%	100.0% #535E49	RVB 83 94 73	#535E49

#202220 #282C28 #30362F #394036 #414A3D #4A5443 #535E49

#202220 - #394036 - #535E49

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202220 0%, #394036 50%, #535E49 100%);
    background: -webkit-linear-gradient(top, #202220 0%, #394036 50%, #535E49 100%);
    background: linear-gradient(to bottom, #202220 0%, #394036 50%, #535E49 100%);
}
</style>