#4D5B5E - #76C0AC | 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 #4D5B5E à #76C0AC

#4D5B5E #76C0AC

Calculez la couleur entre deux couleurs, #4D5B5E et #76C0AC. 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)

#4D5B5E - #76C0AC | 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 #4D5B5E 0% et #76C0AC 100%.

0.0%	0.0% #4D5B5E	RVB 77 91 94	#4D5B5E
16.7%	16.7% #536B6B	RVB 83 107 107	#536B6B
33.3%	33.3% #5A7C78	RVB 90 124 120	#5A7C78
50.0%	50.0% #618D85	RVB 97 141 133	#618D85
66.7%	66.7% #689E92	RVB 104 158 146	#689E92
83.3%	83.3% #6FAF9F	RVB 111 175 159	#6FAF9F
100.0%	100.0% #76C0AC	RVB 118 192 172	#76C0AC

#4D5B5E #536B6B #5A7C78 #618D85 #689E92 #6FAF9F #76C0AC

#4D5B5E - #76C0AC

Mélange HSV

#4D5B5E - #76C0AC | 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 #4D5B5E 0% et #76C0AC 100%.

0.0%	0.0% #4D5B5E	RVB 77 91 94	#4D5B5E
16.7%	16.7% #566B6E	RVB 86 107 110	#566B6E
33.3%	33.3% #5F7D7E	RVB 95 125 126	#5F7D7E
50.0%	50.0% #668F8D	RVB 102 143 141	#668F8D
66.7%	66.7% #6C9F99	RVB 108 159 153	#6C9F99
83.3%	83.3% #71AFA3	RVB 113 175 163	#71AFA3
100.0%	100.0% #76C0AC	RVB 118 192 172	#76C0AC

#4D5B5E #566B6E #5F7D7E #668F8D #6C9F99 #71AFA3 #76C0AC

#4D5B5E - #668F8D - #76C0AC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5B5E 0%, #668F8D 50%, #76C0AC 100%);
    background: -webkit-linear-gradient(top, #4D5B5E 0%, #668F8D 50%, #76C0AC 100%);
    background: linear-gradient(to bottom, #4D5B5E 0%, #668F8D 50%, #76C0AC 100%);
}
</style>