#A8CD5E - #649D1D | 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 #A8CD5E à #649D1D

#A8CD5E #649D1D

Calculez la couleur entre deux couleurs, #A8CD5E et #649D1D. 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)

#A8CD5E - #649D1D | 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 #A8CD5E 0% et #649D1D 100%.

0.0%	0.0% #A8CD5E	RVB 168 205 94	#A8CD5E
16.7%	16.7% #9CC553	RVB 156 197 83	#9CC553
33.3%	33.3% #91BD48	RVB 145 189 72	#91BD48
50.0%	50.0% #86B53D	RVB 134 181 61	#86B53D
66.7%	66.7% #7AAD32	RVB 122 173 50	#7AAD32
83.3%	83.3% #6FA527	RVB 111 165 39	#6FA527
100.0%	100.0% #649D1D	RVB 100 157 29	#649D1D

#A8CD5E #9CC553 #91BD48 #86B53D #7AAD32 #6FA527 #649D1D

#A8CD5E - #649D1D

Mélange HSV

#A8CD5E - #649D1D | 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 #A8CD5E 0% et #649D1D 100%.

0.0%	0.0% #A8CD5E	RVB 168 205 94	#A8CD5E
16.7%	16.7% #9CC551	RVB 156 197 81	#9CC551
33.3%	33.3% #90BD45	RVB 144 189 69	#90BD45
50.0%	50.0% #85B53A	RVB 133 181 58	#85B53A
66.7%	66.7% #79AD2F	RVB 121 173 47	#79AD2F
83.3%	83.3% #6EA526	RVB 110 165 38	#6EA526
100.0%	100.0% #649D1D	RVB 100 157 29	#649D1D

#A8CD5E #9CC551 #90BD45 #85B53A #79AD2F #6EA526 #649D1D

#A8CD5E - #85B53A - #649D1D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CD5E 0%, #85B53A 50%, #649D1D 100%);
    background: -webkit-linear-gradient(top, #A8CD5E 0%, #85B53A 50%, #649D1D 100%);
    background: linear-gradient(to bottom, #A8CD5E 0%, #85B53A 50%, #649D1D 100%);
}
</style>