#202220 - #575254 | 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 à #575254

#202220 #575254

Calculez la couleur entre deux couleurs, #202220 et #575254. 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 - #575254 | 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 #575254 100%.

0.0%	0.0% #202220	RVB 32 34 32	#202220
16.7%	16.7% #292A28	RVB 41 42 40	#292A28
33.3%	33.3% #323231	RVB 50 50 49	#323231
50.0%	50.0% #3B3A3A	RVB 59 58 58	#3B3A3A
66.7%	66.7% #444242	RVB 68 66 66	#444242
83.3%	83.3% #4D4A4B	RVB 77 74 75	#4D4A4B
100.0%	100.0% #575254	RVB 87 82 84	#575254

#202220 #292A28 #323231 #3B3A3A #444242 #4D4A4B #575254

#202220 - #575254

Mélange HSV

#202220 - #575254 | 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 #575254 100%.

0.0%	0.0% #202220	RVB 32 34 32	#202220
16.7%	16.7% #292A28	RVB 41 42 40	#292A28
33.3%	33.3% #333330	RVB 51 51 48	#333330
50.0%	50.0% #3C3B38	RVB 60 59 56	#3C3B38
66.7%	66.7% #454241	RVB 69 66 65	#454241
83.3%	83.3% #4E4949	RVB 78 73 73	#4E4949
100.0%	100.0% #575254	RVB 87 82 84	#575254

#202220 #292A28 #333330 #3C3B38 #454241 #4E4949 #575254

#202220 - #3C3B38 - #575254

Codes CSS

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

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