#01FF58 - #B6FFCF | 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 #01FF58 à #B6FFCF

#01FF58 #B6FFCF

Calculez la couleur entre deux couleurs, #01FF58 et #B6FFCF. 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)

#01FF58 - #B6FFCF | 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 #01FF58 0% et #B6FFCF 100%.

0.0%	0.0% #01FF58	RVB 1 255 88	#01FF58
16.7%	16.7% #1FFF6B	RVB 31 255 107	#1FFF6B
33.3%	33.3% #3DFF7F	RVB 61 255 127	#3DFF7F
50.0%	50.0% #5BFF93	RVB 91 255 147	#5BFF93
66.7%	66.7% #79FFA7	RVB 121 255 167	#79FFA7
83.3%	83.3% #97FFBB	RVB 151 255 187	#97FFBB
100.0%	100.0% #B6FFCF	RVB 182 255 207	#B6FFCF

#01FF58 #1FFF6B #3DFF7F #5BFF93 #79FFA7 #97FFBB #B6FFCF

#01FF58 - #B6FFCF

Mélange HSV

#01FF58 - #B6FFCF | 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 #01FF58 0% et #B6FFCF 100%.

0.0%	0.0% #00FF58	RVB 0 255 88	#00FF58
16.7%	16.7% #1FFF6B	RVB 31 255 107	#1FFF6B
33.3%	33.3% #3DFF7F	RVB 61 255 127	#3DFF7F
50.0%	50.0% #5BFF93	RVB 91 255 147	#5BFF93
66.7%	66.7% #79FFA7	RVB 121 255 167	#79FFA7
83.3%	83.3% #97FFBB	RVB 151 255 187	#97FFBB
100.0%	100.0% #B6FFCF	RVB 182 255 207	#B6FFCF

#00FF58 #1FFF6B #3DFF7F #5BFF93 #79FFA7 #97FFBB #B6FFCF

#01FF58 - #5BFF93 - #B6FFCF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FF58 0%, #5BFF93 50%, #B6FFCF 100%);
    background: -webkit-linear-gradient(top, #00FF58 0%, #5BFF93 50%, #B6FFCF 100%);
    background: linear-gradient(to bottom, #00FF58 0%, #5BFF93 50%, #B6FFCF 100%);
}
</style>