#A1EF2D - #5EBA00 | 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 #A1EF2D à #5EBA00

#A1EF2D #5EBA00

Calculez la couleur entre deux couleurs, #A1EF2D et #5EBA00. 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)

#A1EF2D - #5EBA00 | 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 #A1EF2D 0% et #5EBA00 100%.

0.0%	0.0% #A1EF2D	RVB 161 239 45	#A1EF2D
16.7%	16.7% #95E625	RVB 149 230 37	#95E625
33.3%	33.3% #8ADD1E	RVB 138 221 30	#8ADD1E
50.0%	50.0% #7FD416	RVB 127 212 22	#7FD416
66.7%	66.7% #74CB0E	RVB 116 203 14	#74CB0E
83.3%	83.3% #69C207	RVB 105 194 7	#69C207
100.0%	100.0% #5EBA00	RVB 94 186 0	#5EBA00

#A1EF2D #95E625 #8ADD1E #7FD416 #74CB0E #69C207 #5EBA00

#A1EF2D - #5EBA00

Mélange HSV

#A1EF2D - #5EBA00 | 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 #A1EF2D 0% et #5EBA00 100%.

0.0%	0.0% #A1EF2D	RVB 161 239 45	#A1EF2D
16.7%	16.7% #95E624	RVB 149 230 36	#95E624
33.3%	33.3% #89DD1B	RVB 137 221 27	#89DD1B
50.0%	50.0% #7ED414	RVB 126 212 20	#7ED414
66.7%	66.7% #73CB0C	RVB 115 203 12	#73CB0C
83.3%	83.3% #68C206	RVB 104 194 6	#68C206
100.0%	100.0% #5EBA00	RVB 94 186 0	#5EBA00

#A1EF2D #95E624 #89DD1B #7ED414 #73CB0C #68C206 #5EBA00

#A1EF2D - #7ED414 - #5EBA00

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1EF2D 0%, #7ED414 50%, #5EBA00 100%);
    background: -webkit-linear-gradient(top, #A1EF2D 0%, #7ED414 50%, #5EBA00 100%);
    background: linear-gradient(to bottom, #A1EF2D 0%, #7ED414 50%, #5EBA00 100%);
}
</style>