#3E5E4A - #68C8AD | 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 à #68C8AD

#3E5E4A #68C8AD

Calculez la couleur entre deux couleurs, #3E5E4A et #68C8AD. 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 - #68C8AD | 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 #68C8AD 100%.

0.0%	0.0% #3E5E4A	RVB 62 94 74	#3E5E4A
16.7%	16.7% #456F5A	RVB 69 111 90	#456F5A
33.3%	33.3% #4C816B	RVB 76 129 107	#4C816B
50.0%	50.0% #53937B	RVB 83 147 123	#53937B
66.7%	66.7% #5AA48C	RVB 90 164 140	#5AA48C
83.3%	83.3% #61B69C	RVB 97 182 156	#61B69C
100.0%	100.0% #68C8AD	RVB 104 200 173	#68C8AD

#3E5E4A #456F5A #4C816B #53937B #5AA48C #61B69C #68C8AD

#3E5E4A - #68C8AD

Mélange HSV

#3E5E4A - #68C8AD | 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 #68C8AD 100%.

0.0%	0.0% #3E5E4A	RVB 62 94 74	#3E5E4A
16.7%	16.7% #476F58	RVB 71 111 88	#476F58
33.3%	33.3% #4F8167	RVB 79 129 103	#4F8167
50.0%	50.0% #569377	RVB 86 147 119	#569377
66.7%	66.7% #5DA488	RVB 93 164 136	#5DA488
83.3%	83.3% #63B69A	RVB 99 182 154	#63B69A
100.0%	100.0% #68C8AD	RVB 104 200 173	#68C8AD

#3E5E4A #476F58 #4F8167 #569377 #5DA488 #63B69A #68C8AD

#3E5E4A - #569377 - #68C8AD

Codes CSS

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

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