#2D2220 - #5E5B5E | 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 #2D2220 à #5E5B5E

#2D2220 #5E5B5E

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

#2D2220 - #5E5B5E | 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 #2D2220 0% et #5E5B5E 100%.

0.0%	0.0% #2D2220	RVB 45 34 32	#2D2220
16.7%	16.7% #352B2A	RVB 53 43 42	#352B2A
33.3%	33.3% #3D3534	RVB 61 53 52	#3D3534
50.0%	50.0% #453E3F	RVB 69 62 63	#453E3F
66.7%	66.7% #4D4849	RVB 77 72 73	#4D4849
83.3%	83.3% #555153	RVB 85 81 83	#555153
100.0%	100.0% #5E5B5E	RVB 94 91 94	#5E5B5E

#2D2220 #352B2A #3D3534 #453E3F #4D4849 #555153 #5E5B5E

#2D2220 - #5E5B5E

Mélange HSV

#2D2220 - #5E5B5E | 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 #2D2220 0% et #5E5B5E 100%.

0.0%	0.0% #2D2220	RVB 45 34 32	#2D2220
16.7%	16.7% #352828	RVB 53 40 40	#352828
33.3%	33.3% #3D3033	RVB 61 48 51	#3D3033
50.0%	50.0% #453A3F	RVB 69 58 63	#453A3F
66.7%	66.7% #4D444A	RVB 77 68 74	#4D444A
83.3%	83.3% #554F54	RVB 85 79 84	#554F54
100.0%	100.0% #5E5B5E	RVB 94 91 94	#5E5B5E

#2D2220 #352828 #3D3033 #453A3F #4D444A #554F54 #5E5B5E

#2D2220 - #453A3F - #5E5B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2220 0%, #453A3F 50%, #5E5B5E 100%);
    background: -webkit-linear-gradient(top, #2D2220 0%, #453A3F 50%, #5E5B5E 100%);
    background: linear-gradient(to bottom, #2D2220 0%, #453A3F 50%, #5E5B5E 100%);
}
</style>