#3E5E4A - #5DD764 | 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 #3E5E4A à #5DD764

#3E5E4A #5DD764

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

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

0.0%	0.0% #3E5E4A	RVB 62 94 74	#3E5E4A
16.7%	16.7% #43724E	RVB 67 114 78	#43724E
33.3%	33.3% #488652	RVB 72 134 82	#488652
50.0%	50.0% #4D9A57	RVB 77 154 87	#4D9A57
66.7%	66.7% #52AE5B	RVB 82 174 91	#52AE5B
83.3%	83.3% #57C25F	RVB 87 194 95	#57C25F
100.0%	100.0% #5DD764	RVB 93 215 100	#5DD764

#3E5E4A #43724E #488652 #4D9A57 #52AE5B #57C25F #5DD764

#3E5E4A - #5DD764

Mélange HSV

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

0.0%	0.0% #3E5E4A	RVB 62 94 74	#3E5E4A
16.7%	16.7% #467254	RVB 70 114 84	#467254
33.3%	33.3% #4E865D	RVB 78 134 93	#4E865D
50.0%	50.0% #549A63	RVB 84 154 99	#549A63
66.7%	66.7% #58AE66	RVB 88 174 102	#58AE66
83.3%	83.3% #5BC267	RVB 91 194 103	#5BC267
100.0%	100.0% #5DD764	RVB 93 215 100	#5DD764

#3E5E4A #467254 #4E865D #549A63 #58AE66 #5BC267 #5DD764

#3E5E4A - #549A63 - #5DD764

Codes CSS

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

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