#50AF9A - #097B5E | 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 #50AF9A à #097B5E

#50AF9A #097B5E

Calculez la couleur entre deux couleurs, #50AF9A et #097B5E. 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)

#50AF9A - #097B5E | 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 #50AF9A 0% et #097B5E 100%.

0.0%	0.0% #50AF9A	RVB 80 175 154	#50AF9A
16.7%	16.7% #44A690	RVB 68 166 144	#44A690
33.3%	33.3% #389D86	RVB 56 157 134	#389D86
50.0%	50.0% #2C957C	RVB 44 149 124	#2C957C
66.7%	66.7% #208C72	RVB 32 140 114	#208C72
83.3%	83.3% #148368	RVB 20 131 104	#148368
100.0%	100.0% #097B5E	RVB 9 123 94	#097B5E

#50AF9A #44A690 #389D86 #2C957C #208C72 #148368 #097B5E

#50AF9A - #097B5E

Mélange HSV

#50AF9A - #097B5E | 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 #50AF9A 0% et #097B5E 100%.

0.0%	0.0% #50AF9A	RVB 80 175 154	#50AF9A
16.7%	16.7% #41A68F	RVB 65 166 143	#41A68F
33.3%	33.3% #339D85	RVB 51 157 133	#339D85
50.0%	50.0% #27957A	RVB 39 149 122	#27957A
66.7%	66.7% #1C8C71	RVB 28 140 113	#1C8C71
83.3%	83.3% #128367	RVB 18 131 103	#128367
100.0%	100.0% #097B5E	RVB 9 123 94	#097B5E

#50AF9A #41A68F #339D85 #27957A #1C8C71 #128367 #097B5E

#50AF9A - #27957A - #097B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50AF9A 0%, #27957A 50%, #097B5E 100%);
    background: -webkit-linear-gradient(top, #50AF9A 0%, #27957A 50%, #097B5E 100%);
    background: linear-gradient(to bottom, #50AF9A 0%, #27957A 50%, #097B5E 100%);
}
</style>