#6DC3C3 - #0D938E | 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 #6DC3C3 à #0D938E

#6DC3C3 #0D938E

Calculez la couleur entre deux couleurs, #6DC3C3 et #0D938E. 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)

#6DC3C3 - #0D938E | 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 #6DC3C3 0% et #0D938E 100%.

0.0%	0.0% #6DC3C3	RVB 109 195 195	#6DC3C3
16.7%	16.7% #5DBBBA	RVB 93 187 186	#5DBBBA
33.3%	33.3% #4DB3B1	RVB 77 179 177	#4DB3B1
50.0%	50.0% #3DABA8	RVB 61 171 168	#3DABA8
66.7%	66.7% #2DA39F	RVB 45 163 159	#2DA39F
83.3%	83.3% #1D9B96	RVB 29 155 150	#1D9B96
100.0%	100.0% #0D938E	RVB 13 147 142	#0D938E

#6DC3C3 #5DBBBA #4DB3B1 #3DABA8 #2DA39F #1D9B96 #0D938E

#6DC3C3 - #0D938E

Mélange HSV

#6DC3C3 - #0D938E | 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 #6DC3C3 0% et #0D938E 100%.

0.0%	0.0% #6DC3C3	RVB 109 195 195	#6DC3C3
16.7%	16.7% #59BBBA	RVB 89 187 186	#59BBBA
33.3%	33.3% #47B3B1	RVB 71 179 177	#47B3B1
50.0%	50.0% #37ABA8	RVB 55 171 168	#37ABA8
66.7%	66.7% #27A39F	RVB 39 163 159	#27A39F
83.3%	83.3% #199B96	RVB 25 155 150	#199B96
100.0%	100.0% #0D938E	RVB 13 147 142	#0D938E

#6DC3C3 #59BBBA #47B3B1 #37ABA8 #27A39F #199B96 #0D938E

#6DC3C3 - #37ABA8 - #0D938E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: -webkit-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: linear-gradient(to bottom, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
}
</style>