#3CFE5E - #C7FED1 | 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 #3CFE5E à #C7FED1

#3CFE5E #C7FED1

Calculez la couleur entre deux couleurs, #3CFE5E et #C7FED1. 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)

#3CFE5E - #C7FED1 | 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 #3CFE5E 0% et #C7FED1 100%.

0.0%	0.0% #3CFE5E	RVB 60 254 94	#3CFE5E
16.7%	16.7% #53FE71	RVB 83 254 113	#53FE71
33.3%	33.3% #6AFE84	RVB 106 254 132	#6AFE84
50.0%	50.0% #81FE97	RVB 129 254 151	#81FE97
66.7%	66.7% #98FEAA	RVB 152 254 170	#98FEAA
83.3%	83.3% #AFFEBD	RVB 175 254 189	#AFFEBD
100.0%	100.0% #C7FED1	RVB 199 254 209	#C7FED1

#3CFE5E #53FE71 #6AFE84 #81FE97 #98FEAA #AFFEBD #C7FED1

#3CFE5E - #C7FED1

Mélange HSV

#3CFE5E - #C7FED1 | 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 #3CFE5E 0% et #C7FED1 100%.

0.0%	0.0% #3CFE5E	RVB 60 254 94	#3CFE5E
16.7%	16.7% #53FE71	RVB 83 254 113	#53FE71
33.3%	33.3% #6AFE84	RVB 106 254 132	#6AFE84
50.0%	50.0% #81FE97	RVB 129 254 151	#81FE97
66.7%	66.7% #98FEAA	RVB 152 254 170	#98FEAA
83.3%	83.3% #AFFEBD	RVB 175 254 189	#AFFEBD
100.0%	100.0% #C7FED1	RVB 199 254 209	#C7FED1

#3CFE5E #53FE71 #6AFE84 #81FE97 #98FEAA #AFFEBD #C7FED1

#3CFE5E - #81FE97 - #C7FED1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CFE5E 0%, #81FE97 50%, #C7FED1 100%);
    background: -webkit-linear-gradient(top, #3CFE5E 0%, #81FE97 50%, #C7FED1 100%);
    background: linear-gradient(to bottom, #3CFE5E 0%, #81FE97 50%, #C7FED1 100%);
}
</style>