#006B5E - #72C88D | 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 #006B5E à #72C88D

#006B5E #72C88D

Calculez la couleur entre deux couleurs, #006B5E et #72C88D. 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)

#006B5E - #72C88D | 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 #006B5E 0% et #72C88D 100%.

0.0%	0.0% #006B5E	RVB 0 107 94	#006B5E
16.7%	16.7% #137A65	RVB 19 122 101	#137A65
33.3%	33.3% #268A6D	RVB 38 138 109	#268A6D
50.0%	50.0% #399975	RVB 57 153 117	#399975
66.7%	66.7% #4CA97D	RVB 76 169 125	#4CA97D
83.3%	83.3% #5FB885	RVB 95 184 133	#5FB885
100.0%	100.0% #72C88D	RVB 114 200 141	#72C88D

#006B5E #137A65 #268A6D #399975 #4CA97D #5FB885 #72C88D

#006B5E - #72C88D

Mélange HSV

#006B5E - #72C88D | 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 #006B5E 0% et #72C88D 100%.

0.0%	0.0% #006B5E	RVB 0 107 94	#006B5E
16.7%	16.7% #0B7A62	RVB 11 122 98	#0B7A62
33.3%	33.3% #1A8A67	RVB 26 138 103	#1A8A67
50.0%	50.0% #2B996D	RVB 43 153 109	#2B996D
66.7%	66.7% #40A974	RVB 64 169 116	#40A974
83.3%	83.3% #57B87F	RVB 87 184 127	#57B87F
100.0%	100.0% #72C88D	RVB 114 200 141	#72C88D

#006B5E #0B7A62 #1A8A67 #2B996D #40A974 #57B87F #72C88D

#006B5E - #2B996D - #72C88D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006B5E 0%, #2B996D 50%, #72C88D 100%);
    background: -webkit-linear-gradient(top, #006B5E 0%, #2B996D 50%, #72C88D 100%);
    background: linear-gradient(to bottom, #006B5E 0%, #2B996D 50%, #72C88D 100%);
}
</style>