#00A642 - #00761B | 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 #00A642 à #00761B

#00A642 #00761B

Calculez la couleur entre deux couleurs, #00A642 et #00761B. 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)

#00A642 - #00761B | 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 #00A642 0% et #00761B 100%.

0.0%	0.0% #00A642	RVB 0 166 66	#00A642
16.7%	16.7% #009E3B	RVB 0 158 59	#009E3B
33.3%	33.3% #009635	RVB 0 150 53	#009635
50.0%	50.0% #008E2E	RVB 0 142 46	#008E2E
66.7%	66.7% #008628	RVB 0 134 40	#008628
83.3%	83.3% #007E21	RVB 0 126 33	#007E21
100.0%	100.0% #00761B	RVB 0 118 27	#00761B

#00A642 #009E3B #009635 #008E2E #008628 #007E21 #00761B

#00A642 - #00761B

Mélange HSV

#00A642 - #00761B | 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 #00A642 0% et #00761B 100%.

0.0%	0.0% #00A641	RVB 0 166 65	#00A641
16.7%	16.7% #009E3A	RVB 0 158 58	#009E3A
33.3%	33.3% #009633	RVB 0 150 51	#009633
50.0%	50.0% #008E2C	RVB 0 142 44	#008E2C
66.7%	66.7% #008626	RVB 0 134 38	#008626
83.3%	83.3% #007E20	RVB 0 126 32	#007E20
100.0%	100.0% #00761B	RVB 0 118 27	#00761B

#00A641 #009E3A #009633 #008E2C #008626 #007E20 #00761B

#00A642 - #008E2C - #00761B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A641 0%, #008E2C 50%, #00761B 100%);
    background: -webkit-linear-gradient(top, #00A641 0%, #008E2C 50%, #00761B 100%);
    background: linear-gradient(to bottom, #00A641 0%, #008E2C 50%, #00761B 100%);
}
</style>