#3C3D32 - #C7C7C4 | 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 #3C3D32 à #C7C7C4

#3C3D32 #C7C7C4

Calculez la couleur entre deux couleurs, #3C3D32 et #C7C7C4. 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)

#3C3D32 - #C7C7C4 | 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 #3C3D32 0% et #C7C7C4 100%.

0.0%	0.0% #3C3D32	RVB 60 61 50	#3C3D32
16.7%	16.7% #53544A	RVB 83 84 74	#53544A
33.3%	33.3% #6A6B62	RVB 106 107 98	#6A6B62
50.0%	50.0% #81827B	RVB 129 130 123	#81827B
66.7%	66.7% #989993	RVB 152 153 147	#989993
83.3%	83.3% #AFB0AB	RVB 175 176 171	#AFB0AB
100.0%	100.0% #C7C7C4	RVB 199 199 196	#C7C7C4

#3C3D32 #53544A #6A6B62 #81827B #989993 #AFB0AB #C7C7C4

#3C3D32 - #C7C7C4

Mélange HSV

#3C3D32 - #C7C7C4 | 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 #3C3D32 0% et #C7C7C4 100%.

0.0%	0.0% #3C3D32	RVB 60 61 50	#3C3D32
16.7%	16.7% #535447	RVB 83 84 71	#535447
33.3%	33.3% #6A6B5D	RVB 106 107 93	#6A6B5D
50.0%	50.0% #818275	RVB 129 130 117	#818275
66.7%	66.7% #98998E	RVB 152 153 142	#98998E
83.3%	83.3% #AFB0A8	RVB 175 176 168	#AFB0A8
100.0%	100.0% #C7C7C4	RVB 199 199 196	#C7C7C4

#3C3D32 #535447 #6A6B5D #818275 #98998E #AFB0A8 #C7C7C4

#3C3D32 - #818275 - #C7C7C4

Codes CSS

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

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