#06FF01 - #00FF5E | 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 #06FF01 à #00FF5E

#06FF01 #00FF5E

Calculez la couleur entre deux couleurs, #06FF01 et #00FF5E. 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)

#06FF01 - #00FF5E | 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 #06FF01 0% et #00FF5E 100%.

0.0%	0.0% #06FF01	RVB 6 255 1	#06FF01
16.7%	16.7% #05FF10	RVB 5 255 16	#05FF10
33.3%	33.3% #04FF20	RVB 4 255 32	#04FF20
50.0%	50.0% #03FF2F	RVB 3 255 47	#03FF2F
66.7%	66.7% #02FF3F	RVB 2 255 63	#02FF3F
83.3%	83.3% #01FF4E	RVB 1 255 78	#01FF4E
100.0%	100.0% #00FF5E	RVB 0 255 94	#00FF5E

#06FF01 #05FF10 #04FF20 #03FF2F #02FF3F #01FF4E #00FF5E

#06FF01 - #00FF5E

Mélange HSV

#06FF01 - #00FF5E | 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 #06FF01 0% et #00FF5E 100%.

0.0%	0.0% #05FF00	RVB 5 255 0	#05FF00
16.7%	16.7% #00FF0C	RVB 0 255 12	#00FF0C
33.3%	33.3% #00FF1C	RVB 0 255 28	#00FF1C
50.0%	50.0% #00FF2C	RVB 0 255 44	#00FF2C
66.7%	66.7% #00FF3D	RVB 0 255 61	#00FF3D
83.3%	83.3% #00FF4D	RVB 0 255 77	#00FF4D
100.0%	100.0% #00FF5E	RVB 0 255 94	#00FF5E

#05FF00 #00FF0C #00FF1C #00FF2C #00FF3D #00FF4D #00FF5E

#06FF01 - #00FF2C - #00FF5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #05FF00 0%, #00FF2C 50%, #00FF5E 100%);
    background: -webkit-linear-gradient(top, #05FF00 0%, #00FF2C 50%, #00FF5E 100%);
    background: linear-gradient(to bottom, #05FF00 0%, #00FF2C 50%, #00FF5E 100%);
}
</style>