#3E5E4C - #63CF97 | 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 #3E5E4C à #63CF97

#3E5E4C #63CF97

Calculez la couleur entre deux couleurs, #3E5E4C et #63CF97. 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)

#3E5E4C - #63CF97 | 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 #3E5E4C 0% et #63CF97 100%.

0.0%	0.0% #3E5E4C	RVB 62 94 76	#3E5E4C
16.7%	16.7% #447058	RVB 68 112 88	#447058
33.3%	33.3% #4A8365	RVB 74 131 101	#4A8365
50.0%	50.0% #509671	RVB 80 150 113	#509671
66.7%	66.7% #56A97E	RVB 86 169 126	#56A97E
83.3%	83.3% #5CBC8A	RVB 92 188 138	#5CBC8A
100.0%	100.0% #63CF97	RVB 99 207 151	#63CF97

#3E5E4C #447058 #4A8365 #509671 #56A97E #5CBC8A #63CF97

#3E5E4C - #63CF97

Mélange HSV

#3E5E4C - #63CF97 | 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 #3E5E4C 0% et #63CF97 100%.

0.0%	0.0% #3E5E4C	RVB 62 94 76	#3E5E4C
16.7%	16.7% #477059	RVB 71 112 89	#477059
33.3%	33.3% #4E8366	RVB 78 131 102	#4E8366
50.0%	50.0% #559673	RVB 85 150 115	#559673
66.7%	66.7% #5BA97F	RVB 91 169 127	#5BA97F
83.3%	83.3% #5FBC8B	RVB 95 188 139	#5FBC8B
100.0%	100.0% #63CF97	RVB 99 207 151	#63CF97

#3E5E4C #477059 #4E8366 #559673 #5BA97F #5FBC8B #63CF97

#3E5E4C - #559673 - #63CF97

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4C 0%, #559673 50%, #63CF97 100%);
    background: -webkit-linear-gradient(top, #3E5E4C 0%, #559673 50%, #63CF97 100%);
    background: linear-gradient(to bottom, #3E5E4C 0%, #559673 50%, #63CF97 100%);
}
</style>