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

#202220 #090909

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

0.0%	0.0% #202220	RVB 32 34 32	#202220
16.7%	16.7% #1C1D1C	RVB 28 29 28	#1C1D1C
33.3%	33.3% #181918	RVB 24 25 24	#181918
50.0%	50.0% #141514	RVB 20 21 20	#141514
66.7%	66.7% #101110	RVB 16 17 16	#101110
83.3%	83.3% #0C0D0C	RVB 12 13 12	#0C0D0C
100.0%	100.0% #090909	RVB 9 9 9	#090909

#202220 #1C1D1C #181918 #141514 #101110 #0C0D0C #090909

#202220 - #090909

Mélange HSV

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

0.0%	0.0% #202220	RVB 32 34 32	#202220
16.7%	16.7% #1C1D1C	RVB 28 29 28	#1C1D1C
33.3%	33.3% #191918	RVB 25 25 24	#191918
50.0%	50.0% #151514	RVB 21 21 20	#151514
66.7%	66.7% #111110	RVB 17 17 16	#111110
83.3%	83.3% #0D0D0D	RVB 13 13 13	#0D0D0D
100.0%	100.0% #090909	RVB 9 9 9	#090909

#202220 #1C1D1C #191918 #151514 #111110 #0D0D0D #090909

#202220 - #151514 - #090909

Codes CSS

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

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