#00550C - #76AF5E | 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 #00550C à #76AF5E

#00550C #76AF5E

Calculez la couleur entre deux couleurs, #00550C et #76AF5E. 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)

#00550C - #76AF5E | 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 #00550C 0% et #76AF5E 100%.

0.0%	0.0% #00550C	RVB 0 85 12	#00550C
16.7%	16.7% #136419	RVB 19 100 25	#136419
33.3%	33.3% #277327	RVB 39 115 39	#277327
50.0%	50.0% #3B8235	RVB 59 130 53	#3B8235
66.7%	66.7% #4E9142	RVB 78 145 66	#4E9142
83.3%	83.3% #62A050	RVB 98 160 80	#62A050
100.0%	100.0% #76AF5E	RVB 118 175 94	#76AF5E

#00550C #136419 #277327 #3B8235 #4E9142 #62A050 #76AF5E

#00550C - #76AF5E

Mélange HSV

#00550C - #76AF5E | 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 #00550C 0% et #76AF5E 100%.

0.0%	0.0% #00550C	RVB 0 85 12	#00550C
16.7%	16.7% #08640F	RVB 8 100 15	#08640F
33.3%	33.3% #157314	RVB 21 115 20	#157314
50.0%	50.0% #2A8222	RVB 42 130 34	#2A8222
66.7%	66.7% #419133	RVB 65 145 51	#419133
83.3%	83.3% #5BA047	RVB 91 160 71	#5BA047
100.0%	100.0% #76AF5E	RVB 118 175 94	#76AF5E

#00550C #08640F #157314 #2A8222 #419133 #5BA047 #76AF5E

#00550C - #2A8222 - #76AF5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00550C 0%, #2A8222 50%, #76AF5E 100%);
    background: -webkit-linear-gradient(top, #00550C 0%, #2A8222 50%, #76AF5E 100%);
    background: linear-gradient(to bottom, #00550C 0%, #2A8222 50%, #76AF5E 100%);
}
</style>