#202022 - #02000E | 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 #202022 à #02000E

#202022 #02000E

Calculez la couleur entre deux couleurs, #202022 et #02000E. 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)

#202022 - #02000E | 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 #202022 0% et #02000E 100%.

0.0%	0.0% #202022	RVB 32 32 34	#202022
16.7%	16.7% #1B1A1E	RVB 27 26 30	#1B1A1E
33.3%	33.3% #16151B	RVB 22 21 27	#16151B
50.0%	50.0% #111018	RVB 17 16 24	#111018
66.7%	66.7% #0C0A14	RVB 12 10 20	#0C0A14
83.3%	83.3% #070511	RVB 7 5 17	#070511
100.0%	100.0% #02000E	RVB 2 0 14	#02000E

#202022 #1B1A1E #16151B #111018 #0C0A14 #070511 #02000E

#202022 - #02000E

Mélange HSV

#202022 - #02000E | 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 #202022 0% et #02000E 100%.

0.0%	0.0% #202022	RVB 32 32 34	#202022
16.7%	16.7% #18181E	RVB 24 24 30	#18181E
33.3%	33.3% #11111B	RVB 17 17 27	#11111B
50.0%	50.0% #0C0B18	RVB 12 11 24	#0C0B18
66.7%	66.7% #070614	RVB 7 6 20	#070614
83.3%	83.3% #040211	RVB 4 2 17	#040211
100.0%	100.0% #02000E	RVB 2 0 14	#02000E

#202022 #18181E #11111B #0C0B18 #070614 #040211 #02000E

#202022 - #0C0B18 - #02000E

Codes CSS

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

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