#008334 - #A8EB6D | 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 #008334 à #A8EB6D

#008334 #A8EB6D

Calculez la couleur entre deux couleurs, #008334 et #A8EB6D. 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)

#008334 - #A8EB6D | 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 #008334 0% et #A8EB6D 100%.

0.0%	0.0% #008334	RVB 0 131 52	#008334
16.7%	16.7% #1C943D	RVB 28 148 61	#1C943D
33.3%	33.3% #38A547	RVB 56 165 71	#38A547
50.0%	50.0% #54B750	RVB 84 183 80	#54B750
66.7%	66.7% #70C85A	RVB 112 200 90	#70C85A
83.3%	83.3% #8CD963	RVB 140 217 99	#8CD963
100.0%	100.0% #A8EB6D	RVB 168 235 109	#A8EB6D

#008334 #1C943D #38A547 #54B750 #70C85A #8CD963 #A8EB6D

#008334 - #A8EB6D

Mélange HSV

#008334 - #A8EB6D | 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 #008334 0% et #A8EB6D 100%.

0.0%	0.0% #008334	RVB 0 131 52	#008334
16.7%	16.7% #0B942E	RVB 11 148 46	#0B942E
33.3%	33.3% #19A528	RVB 25 165 40	#19A528
50.0%	50.0% #2FB72A	RVB 47 183 42	#2FB72A
66.7%	66.7% #56C83D	RVB 86 200 61	#56C83D
83.3%	83.3% #7FD954	RVB 127 217 84	#7FD954
100.0%	100.0% #A8EB6D	RVB 168 235 109	#A8EB6D

#008334 #0B942E #19A528 #2FB72A #56C83D #7FD954 #A8EB6D

#008334 - #2FB72A - #A8EB6D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008334 0%, #2FB72A 50%, #A8EB6D 100%);
    background: -webkit-linear-gradient(top, #008334 0%, #2FB72A 50%, #A8EB6D 100%);
    background: linear-gradient(to bottom, #008334 0%, #2FB72A 50%, #A8EB6D 100%);
}
</style>