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

#00FF5E #B6FFD0

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

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

0.0%	0.0% #00FF5E	RVB 0 255 94	#00FF5E
16.7%	16.7% #1EFF71	RVB 30 255 113	#1EFF71
33.3%	33.3% #3CFF84	RVB 60 255 132	#3CFF84
50.0%	50.0% #5BFF97	RVB 91 255 151	#5BFF97
66.7%	66.7% #79FFAA	RVB 121 255 170	#79FFAA
83.3%	83.3% #97FFBD	RVB 151 255 189	#97FFBD
100.0%	100.0% #B6FFD0	RVB 182 255 208	#B6FFD0

#00FF5E #1EFF71 #3CFF84 #5BFF97 #79FFAA #97FFBD #B6FFD0

#00FF5E - #B6FFD0

Mélange HSV

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

0.0%	0.0% #00FF5E	RVB 0 255 94	#00FF5E
16.7%	16.7% #1EFF70	RVB 30 255 112	#1EFF70
33.3%	33.3% #3CFF83	RVB 60 255 131	#3CFF83
50.0%	50.0% #5BFF96	RVB 91 255 150	#5BFF96
66.7%	66.7% #79FFA9	RVB 121 255 169	#79FFA9
83.3%	83.3% #97FFBC	RVB 151 255 188	#97FFBC
100.0%	100.0% #B6FFD0	RVB 182 255 208	#B6FFD0

#00FF5E #1EFF70 #3CFF83 #5BFF96 #79FFA9 #97FFBC #B6FFD0

#00FF5E - #5BFF96 - #B6FFD0

Codes CSS

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

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