#121213 - #2F3D3E | 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 #121213 à #2F3D3E

#121213 #2F3D3E

Calculez la couleur entre deux couleurs, #121213 et #2F3D3E. 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)

#121213 - #2F3D3E | 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 #121213 0% et #2F3D3E 100%.

0.0%	0.0% #121213	RVB 18 18 19	#121213
16.7%	16.7% #16191A	RVB 22 25 26	#16191A
33.3%	33.3% #1B2021	RVB 27 32 33	#1B2021
50.0%	50.0% #202728	RVB 32 39 40	#202728
66.7%	66.7% #252E2F	RVB 37 46 47	#252E2F
83.3%	83.3% #2A3536	RVB 42 53 54	#2A3536
100.0%	100.0% #2F3D3E	RVB 47 61 62	#2F3D3E

#121213 #16191A #1B2021 #202728 #252E2F #2A3536 #2F3D3E

#121213 - #2F3D3E

Mélange HSV

#121213 - #2F3D3E | 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 #121213 0% et #2F3D3E 100%.

0.0%	0.0% #121213	RVB 18 18 19	#121213
16.7%	16.7% #17181A	RVB 23 24 26	#17181A
33.3%	33.3% #1D1E21	RVB 29 30 33	#1D1E21
50.0%	50.0% #222528	RVB 34 37 40	#222528
66.7%	66.7% #272C2F	RVB 39 44 47	#272C2F
83.3%	83.3% #2B3436	RVB 43 52 54	#2B3436
100.0%	100.0% #2F3D3E	RVB 47 61 62	#2F3D3E

#121213 #17181A #1D1E21 #222528 #272C2F #2B3436 #2F3D3E

#121213 - #222528 - #2F3D3E

Codes CSS

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

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