#3C5E2D - #96948D | 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 #3C5E2D à #96948D

#3C5E2D #96948D

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

#3C5E2D - #96948D | 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 #3C5E2D 0% et #96948D 100%.

0.0%	0.0% #3C5E2D	RVB 60 94 45	#3C5E2D
16.7%	16.7% #4B673D	RVB 75 103 61	#4B673D
33.3%	33.3% #5A704D	RVB 90 112 77	#5A704D
50.0%	50.0% #69795D	RVB 105 121 93	#69795D
66.7%	66.7% #78826D	RVB 120 130 109	#78826D
83.3%	83.3% #878B7D	RVB 135 139 125	#878B7D
100.0%	100.0% #96948D	RVB 150 148 141	#96948D

#3C5E2D #4B673D #5A704D #69795D #78826D #878B7D #96948D

#3C5E2D - #96948D

Mélange HSV

#3C5E2D - #96948D | 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 #3C5E2D 0% et #96948D 100%.

0.0%	0.0% #3C5E2D	RVB 60 94 45	#3C5E2D
16.7%	16.7% #4E6739	RVB 78 103 57	#4E6739
33.3%	33.3% #607047	RVB 96 112 71	#607047
50.0%	50.0% #717A56	RVB 113 122 86	#717A56
66.7%	66.7% #808367	RVB 128 131 103	#808367
83.3%	83.3% #8C8B79	RVB 140 139 121	#8C8B79
100.0%	100.0% #96948D	RVB 150 148 141	#96948D

#3C5E2D #4E6739 #607047 #717A56 #808367 #8C8B79 #96948D

#3C5E2D - #717A56 - #96948D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E2D 0%, #717A56 50%, #96948D 100%);
    background: -webkit-linear-gradient(top, #3C5E2D 0%, #717A56 50%, #96948D 100%);
    background: linear-gradient(to bottom, #3C5E2D 0%, #717A56 50%, #96948D 100%);
}
</style>