#A8EC5E - #C9FF8D | 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 #A8EC5E à #C9FF8D

#A8EC5E #C9FF8D

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

#A8EC5E - #C9FF8D | 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 #A8EC5E 0% et #C9FF8D 100%.

0.0%	0.0% #A8EC5E	RVB 168 236 94	#A8EC5E
16.7%	16.7% #ADEF65	RVB 173 239 101	#ADEF65
33.3%	33.3% #B3F26D	RVB 179 242 109	#B3F26D
50.0%	50.0% #B8F575	RVB 184 245 117	#B8F575
66.7%	66.7% #BEF87D	RVB 190 248 125	#BEF87D
83.3%	83.3% #C3FB85	RVB 195 251 133	#C3FB85
100.0%	100.0% #C9FF8D	RVB 201 255 141	#C9FF8D

#A8EC5E #ADEF65 #B3F26D #B8F575 #BEF87D #C3FB85 #C9FF8D

#A8EC5E - #C9FF8D

Mélange HSV

#A8EC5E - #C9FF8D | 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 #A8EC5E 0% et #C9FF8D 100%.

0.0%	0.0% #A8EC5E	RVB 168 236 94	#A8EC5E
16.7%	16.7% #ADEF65	RVB 173 239 101	#ADEF65
33.3%	33.3% #B2F26D	RVB 178 242 109	#B2F26D
50.0%	50.0% #B8F574	RVB 184 245 116	#B8F574
66.7%	66.7% #BDF87C	RVB 189 248 124	#BDF87C
83.3%	83.3% #C3FB84	RVB 195 251 132	#C3FB84
100.0%	100.0% #C9FF8D	RVB 201 255 141	#C9FF8D

#A8EC5E #ADEF65 #B2F26D #B8F574 #BDF87C #C3FB84 #C9FF8D

#A8EC5E - #B8F574 - #C9FF8D

Codes CSS

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

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