#5E9F78 - #1A2D22 | 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 #5E9F78 à #1A2D22

#5E9F78 #1A2D22

Calculez la couleur entre deux couleurs, #5E9F78 et #1A2D22. 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)

#5E9F78 - #1A2D22 | 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 #5E9F78 0% et #1A2D22 100%.

0.0%	0.0% #5E9F78	RVB 94 159 120	#5E9F78
16.7%	16.7% #528C69	RVB 82 140 105	#528C69
33.3%	33.3% #47795B	RVB 71 121 91	#47795B
50.0%	50.0% #3C664D	RVB 60 102 77	#3C664D
66.7%	66.7% #30533E	RVB 48 83 62	#30533E
83.3%	83.3% #254030	RVB 37 64 48	#254030
100.0%	100.0% #1A2D22	RVB 26 45 34	#1A2D22

#5E9F78 #528C69 #47795B #3C664D #30533E #254030 #1A2D22

#5E9F78 - #1A2D22

Mélange HSV

#5E9F78 - #1A2D22 | 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 #5E9F78 0% et #1A2D22 100%.

0.0%	0.0% #5E9F78	RVB 94 159 120	#5E9F78
16.7%	16.7% #528C69	RVB 82 140 105	#528C69
33.3%	33.3% #46795B	RVB 70 121 91	#46795B
50.0%	50.0% #3B664D	RVB 59 102 77	#3B664D
66.7%	66.7% #30533E	RVB 48 83 62	#30533E
83.3%	83.3% #254030	RVB 37 64 48	#254030
100.0%	100.0% #1A2D22	RVB 26 45 34	#1A2D22

#5E9F78 #528C69 #46795B #3B664D #30533E #254030 #1A2D22

#5E9F78 - #3B664D - #1A2D22

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9F78 0%, #3B664D 50%, #1A2D22 100%);
    background: -webkit-linear-gradient(top, #5E9F78 0%, #3B664D 50%, #1A2D22 100%);
    background: linear-gradient(to bottom, #5E9F78 0%, #3B664D 50%, #1A2D22 100%);
}
</style>