#3E5E3C - #64CF60 | 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 #3E5E3C à #64CF60

#3E5E3C #64CF60

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

#3E5E3C - #64CF60 | 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 #3E5E3C 0% et #64CF60 100%.

0.0%	0.0% #3E5E3C	RVB 62 94 60	#3E5E3C
16.7%	16.7% #447042	RVB 68 112 66	#447042
33.3%	33.3% #4A8348	RVB 74 131 72	#4A8348
50.0%	50.0% #51964E	RVB 81 150 78	#51964E
66.7%	66.7% #57A954	RVB 87 169 84	#57A954
83.3%	83.3% #5DBC5A	RVB 93 188 90	#5DBC5A
100.0%	100.0% #64CF60	RVB 100 207 96	#64CF60

#3E5E3C #447042 #4A8348 #51964E #57A954 #5DBC5A #64CF60

#3E5E3C - #64CF60

Mélange HSV

#3E5E3C - #64CF60 | 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 #3E5E3C 0% et #64CF60 100%.

0.0%	0.0% #3E5E3C	RVB 62 94 60	#3E5E3C
16.7%	16.7% #477044	RVB 71 112 68	#477044
33.3%	33.3% #4F834C	RVB 79 131 76	#4F834C
50.0%	50.0% #569652	RVB 86 150 82	#569652
66.7%	66.7% #5BA958	RVB 91 169 88	#5BA958
83.3%	83.3% #60BC5C	RVB 96 188 92	#60BC5C
100.0%	100.0% #64CF60	RVB 100 207 96	#64CF60

#3E5E3C #477044 #4F834C #569652 #5BA958 #60BC5C #64CF60

#3E5E3C - #569652 - #64CF60

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3C 0%, #569652 50%, #64CF60 100%);
    background: -webkit-linear-gradient(top, #3E5E3C 0%, #569652 50%, #64CF60 100%);
    background: linear-gradient(to bottom, #3E5E3C 0%, #569652 50%, #64CF60 100%);
}
</style>