#6B7E5E - #8CEDAD | 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 #6B7E5E à #8CEDAD

#6B7E5E #8CEDAD

Calculez la couleur entre deux couleurs, #6B7E5E et #8CEDAD. 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)

#6B7E5E - #8CEDAD | 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 #6B7E5E 0% et #8CEDAD 100%.

0.0%	0.0% #6B7E5E	RVB 107 126 94	#6B7E5E
16.7%	16.7% #70906B	RVB 112 144 107	#70906B
33.3%	33.3% #76A378	RVB 118 163 120	#76A378
50.0%	50.0% #7BB585	RVB 123 181 133	#7BB585
66.7%	66.7% #81C892	RVB 129 200 146	#81C892
83.3%	83.3% #86DA9F	RVB 134 218 159	#86DA9F
100.0%	100.0% #8CEDAD	RVB 140 237 173	#8CEDAD

#6B7E5E #70906B #76A378 #7BB585 #81C892 #86DA9F #8CEDAD

#6B7E5E - #8CEDAD

Mélange HSV

#6B7E5E - #8CEDAD | 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 #6B7E5E 0% et #8CEDAD 100%.

0.0%	0.0% #6B7E5E	RVB 107 126 94	#6B7E5E
16.7%	16.7% #739068	RVB 115 144 104	#739068
33.3%	33.3% #79A371	RVB 121 163 113	#79A371
50.0%	50.0% #7BB579	RVB 123 181 121	#7BB579
66.7%	66.7% #80C887	RVB 128 200 135	#80C887
83.3%	83.3% #86DA98	RVB 134 218 152	#86DA98
100.0%	100.0% #8CEDAD	RVB 140 237 173	#8CEDAD

#6B7E5E #739068 #79A371 #7BB579 #80C887 #86DA98 #8CEDAD

#6B7E5E - #7BB579 - #8CEDAD

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B7E5E 0%, #7BB579 50%, #8CEDAD 100%);
    background: -webkit-linear-gradient(top, #6B7E5E 0%, #7BB579 50%, #8CEDAD 100%);
    background: linear-gradient(to bottom, #6B7E5E 0%, #7BB579 50%, #8CEDAD 100%);
}
</style>