#6BAD8C - #1E5A2D | 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 #6BAD8C à #1E5A2D

#6BAD8C #1E5A2D

Calculez la couleur entre deux couleurs, #6BAD8C et #1E5A2D. 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)

#6BAD8C - #1E5A2D | 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 #6BAD8C 0% et #1E5A2D 100%.

0.0%	0.0% #6BAD8C	RVB 107 173 140	#6BAD8C
16.7%	16.7% #5E9F7C	RVB 94 159 124	#5E9F7C
33.3%	33.3% #51916C	RVB 81 145 108	#51916C
50.0%	50.0% #44835C	RVB 68 131 92	#44835C
66.7%	66.7% #37754C	RVB 55 117 76	#37754C
83.3%	83.3% #2A673C	RVB 42 103 60	#2A673C
100.0%	100.0% #1E5A2D	RVB 30 90 45	#1E5A2D

#6BAD8C #5E9F7C #51916C #44835C #37754C #2A673C #1E5A2D

#6BAD8C - #1E5A2D

Mélange HSV

#6BAD8C - #1E5A2D | 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 #6BAD8C 0% et #1E5A2D 100%.

0.0%	0.0% #6BAD8C	RVB 107 173 140	#6BAD8C
16.7%	16.7% #5A9F7A	RVB 90 159 122	#5A9F7A
33.3%	33.3% #4C9168	RVB 76 145 104	#4C9168
50.0%	50.0% #3E8358	RVB 62 131 88	#3E8358
66.7%	66.7% #327548	RVB 50 117 72	#327548
83.3%	83.3% #27673A	RVB 39 103 58	#27673A
100.0%	100.0% #1E5A2D	RVB 30 90 45	#1E5A2D

#6BAD8C #5A9F7A #4C9168 #3E8358 #327548 #27673A #1E5A2D

#6BAD8C - #3E8358 - #1E5A2D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BAD8C 0%, #3E8358 50%, #1E5A2D 100%);
    background: -webkit-linear-gradient(top, #6BAD8C 0%, #3E8358 50%, #1E5A2D 100%);
    background: linear-gradient(to bottom, #6BAD8C 0%, #3E8358 50%, #1E5A2D 100%);
}
</style>