#3F9F9F - #006E5E | 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 #3F9F9F à #006E5E

#3F9F9F #006E5E

Calculez la couleur entre deux couleurs, #3F9F9F et #006E5E. 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)

#3F9F9F - #006E5E | 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 #3F9F9F 0% et #006E5E 100%.

0.0%	0.0% #3F9F9F	RVB 63 159 159	#3F9F9F
16.7%	16.7% #349694	RVB 52 150 148	#349694
33.3%	33.3% #2A8E89	RVB 42 142 137	#2A8E89
50.0%	50.0% #1F867E	RVB 31 134 126	#1F867E
66.7%	66.7% #157E73	RVB 21 126 115	#157E73
83.3%	83.3% #0A7668	RVB 10 118 104	#0A7668
100.0%	100.0% #006E5E	RVB 0 110 94	#006E5E

#3F9F9F #349694 #2A8E89 #1F867E #157E73 #0A7668 #006E5E

#3F9F9F - #006E5E

Mélange HSV

#3F9F9F - #006E5E | 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 #3F9F9F 0% et #006E5E 100%.

0.0%	0.0% #3F9F9F	RVB 63 159 159	#3F9F9F
16.7%	16.7% #319694	RVB 49 150 148	#319694
33.3%	33.3% #258E89	RVB 37 142 137	#258E89
50.0%	50.0% #1A867E	RVB 26 134 126	#1A867E
66.7%	66.7% #107E73	RVB 16 126 115	#107E73
83.3%	83.3% #077668	RVB 7 118 104	#077668
100.0%	100.0% #006E5E	RVB 0 110 94	#006E5E

#3F9F9F #319694 #258E89 #1A867E #107E73 #077668 #006E5E

#3F9F9F - #1A867E - #006E5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F9F9F 0%, #1A867E 50%, #006E5E 100%);
    background: -webkit-linear-gradient(top, #3F9F9F 0%, #1A867E 50%, #006E5E 100%);
    background: linear-gradient(to bottom, #3F9F9F 0%, #1A867E 50%, #006E5E 100%);
}
</style>