#0EB09C - #007D5E | 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 #0EB09C à #007D5E

#0EB09C #007D5E

Calculez la couleur entre deux couleurs, #0EB09C et #007D5E. 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)

#0EB09C - #007D5E | 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 #0EB09C 0% et #007D5E 100%.

0.0%	0.0% #0EB09C	RVB 14 176 156	#0EB09C
16.7%	16.7% #0BA791	RVB 11 167 145	#0BA791
33.3%	33.3% #099F87	RVB 9 159 135	#099F87
50.0%	50.0% #07967D	RVB 7 150 125	#07967D
66.7%	66.7% #048E72	RVB 4 142 114	#048E72
83.3%	83.3% #028568	RVB 2 133 104	#028568
100.0%	100.0% #007D5E	RVB 0 125 94	#007D5E

#0EB09C #0BA791 #099F87 #07967D #048E72 #028568 #007D5E

#0EB09C - #007D5E

Mélange HSV

#0EB09C - #007D5E | 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 #0EB09C 0% et #007D5E 100%.

0.0%	0.0% #0DB09C	RVB 13 176 156	#0DB09C
16.7%	16.7% #0BA790	RVB 11 167 144	#0BA790
33.3%	33.3% #089F86	RVB 8 159 134	#089F86
50.0%	50.0% #05967B	RVB 5 150 123	#05967B
66.7%	66.7% #038E71	RVB 3 142 113	#038E71
83.3%	83.3% #018567	RVB 1 133 103	#018567
100.0%	100.0% #007D5E	RVB 0 125 94	#007D5E

#0DB09C #0BA790 #089F86 #05967B #038E71 #018567 #007D5E

#0EB09C - #05967B - #007D5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0DB09C 0%, #05967B 50%, #007D5E 100%);
    background: -webkit-linear-gradient(top, #0DB09C 0%, #05967B 50%, #007D5E 100%);
    background: linear-gradient(to bottom, #0DB09C 0%, #05967B 50%, #007D5E 100%);
}
</style>