#BAFF8C - #6EED3E | 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 #BAFF8C à #6EED3E

#BAFF8C #6EED3E

Calculez la couleur entre deux couleurs, #BAFF8C et #6EED3E. 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)

#BAFF8C - #6EED3E | 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 #BAFF8C 0% et #6EED3E 100%.

0.0%	0.0% #BAFF8C	RVB 186 255 140	#BAFF8C
16.7%	16.7% #ADFC7F	RVB 173 252 127	#ADFC7F
33.3%	33.3% #A0F972	RVB 160 249 114	#A0F972
50.0%	50.0% #94F665	RVB 148 246 101	#94F665
66.7%	66.7% #87F358	RVB 135 243 88	#87F358
83.3%	83.3% #7AF04B	RVB 122 240 75	#7AF04B
100.0%	100.0% #6EED3E	RVB 110 237 62	#6EED3E

#BAFF8C #ADFC7F #A0F972 #94F665 #87F358 #7AF04B #6EED3E

#BAFF8C - #6EED3E

Mélange HSV

#BAFF8C - #6EED3E | 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 #BAFF8C 0% et #6EED3E 100%.

0.0%	0.0% #B9FF8C	RVB 185 255 140	#B9FF8C
16.7%	16.7% #ADFC7E	RVB 173 252 126	#ADFC7E
33.3%	33.3% #A1F970	RVB 161 249 112	#A1F970
50.0%	50.0% #95F663	RVB 149 246 99	#95F663
66.7%	66.7% #88F356	RVB 136 243 86	#88F356
83.3%	83.3% #7BF04A	RVB 123 240 74	#7BF04A
100.0%	100.0% #6EED3E	RVB 110 237 62	#6EED3E

#B9FF8C #ADFC7E #A1F970 #95F663 #88F356 #7BF04A #6EED3E

#BAFF8C - #95F663 - #6EED3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9FF8C 0%, #95F663 50%, #6EED3E 100%);
    background: -webkit-linear-gradient(top, #B9FF8C 0%, #95F663 50%, #6EED3E 100%);
    background: linear-gradient(to bottom, #B9FF8C 0%, #95F663 50%, #6EED3E 100%);
}
</style>