#3C5013 - #C7CDBB | 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 #3C5013 à #C7CDBB

#3C5013 #C7CDBB

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

#3C5013 - #C7CDBB | 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 #3C5013 0% et #C7CDBB 100%.

0.0%	0.0% #3C5013	RVB 60 80 19	#3C5013
16.7%	16.7% #53642F	RVB 83 100 47	#53642F
33.3%	33.3% #6A794B	RVB 106 121 75	#6A794B
50.0%	50.0% #818E67	RVB 129 142 103	#818E67
66.7%	66.7% #98A383	RVB 152 163 131	#98A383
83.3%	83.3% #AFB89F	RVB 175 184 159	#AFB89F
100.0%	100.0% #C7CDBB	RVB 199 205 187	#C7CDBB

#3C5013 #53642F #6A794B #818E67 #98A383 #AFB89F #C7CDBB

#3C5013 - #C7CDBB

Mélange HSV

#3C5013 - #C7CDBB | 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 #3C5013 0% et #C7CDBB 100%.

0.0%	0.0% #3C5013	RVB 60 80 19	#3C5013
16.7%	16.7% #4F6423	RVB 79 100 35	#4F6423
33.3%	33.3% #647938	RVB 100 121 56	#647938
50.0%	50.0% #7A8E51	RVB 122 142 81	#7A8E51
66.7%	66.7% #92A370	RVB 146 163 112	#92A370
83.3%	83.3% #ABB893	RVB 171 184 147	#ABB893
100.0%	100.0% #C7CDBB	RVB 199 205 187	#C7CDBB

#3C5013 #4F6423 #647938 #7A8E51 #92A370 #ABB893 #C7CDBB

#3C5013 - #7A8E51 - #C7CDBB

Codes CSS

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

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