#3E5E4D - #5DD964 | 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 #3E5E4D à #5DD964

#3E5E4D #5DD964

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

#3E5E4D - #5DD964 | 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 #3E5E4D 0% et #5DD964 100%.

0.0%	0.0% #3E5E4D	RVB 62 94 77	#3E5E4D
16.7%	16.7% #437250	RVB 67 114 80	#437250
33.3%	33.3% #488754	RVB 72 135 84	#488754
50.0%	50.0% #4D9B58	RVB 77 155 88	#4D9B58
66.7%	66.7% #52B05C	RVB 82 176 92	#52B05C
83.3%	83.3% #57C460	RVB 87 196 96	#57C460
100.0%	100.0% #5DD964	RVB 93 217 100	#5DD964

#3E5E4D #437250 #488754 #4D9B58 #52B05C #57C460 #5DD964

#3E5E4D - #5DD964

Mélange HSV

#3E5E4D - #5DD964 | 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 #3E5E4D 0% et #5DD964 100%.

0.0%	0.0% #3E5E4D	RVB 62 94 77	#3E5E4D
16.7%	16.7% #477258	RVB 71 114 88	#477258
33.3%	33.3% #4E8761	RVB 78 135 97	#4E8761
50.0%	50.0% #549B67	RVB 84 155 103	#549B67
66.7%	66.7% #58B069	RVB 88 176 105	#58B069
83.3%	83.3% #5BC468	RVB 91 196 104	#5BC468
100.0%	100.0% #5DD964	RVB 93 217 100	#5DD964

#3E5E4D #477258 #4E8761 #549B67 #58B069 #5BC468 #5DD964

#3E5E4D - #549B67 - #5DD964

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4D 0%, #549B67 50%, #5DD964 100%);
    background: -webkit-linear-gradient(top, #3E5E4D 0%, #549B67 50%, #5DD964 100%);
    background: linear-gradient(to bottom, #3E5E4D 0%, #549B67 50%, #5DD964 100%);
}
</style>