#2FF5E9 - #C3FCF8 | 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 #2FF5E9 à #C3FCF8

#2FF5E9 #C3FCF8

Calculez la couleur entre deux couleurs, #2FF5E9 et #C3FCF8. 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)

#2FF5E9 - #C3FCF8 | 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 #2FF5E9 0% et #C3FCF8 100%.

0.0%	0.0% #2FF5E9	RVB 47 245 233	#2FF5E9
16.7%	16.7% #47F6EB	RVB 71 246 235	#47F6EB
33.3%	33.3% #60F7EE	RVB 96 247 238	#60F7EE
50.0%	50.0% #79F8F0	RVB 121 248 240	#79F8F0
66.7%	66.7% #91F9F3	RVB 145 249 243	#91F9F3
83.3%	83.3% #AAFAF5	RVB 170 250 245	#AAFAF5
100.0%	100.0% #C3FCF8	RVB 195 252 248	#C3FCF8

#2FF5E9 #47F6EB #60F7EE #79F8F0 #91F9F3 #AAFAF5 #C3FCF8

#2FF5E9 - #C3FCF8

Mélange HSV

#2FF5E9 - #C3FCF8 | 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 #2FF5E9 0% et #C3FCF8 100%.

0.0%	0.0% #2EF5E9	RVB 46 245 233	#2EF5E9
16.7%	16.7% #47F6EB	RVB 71 246 235	#47F6EB
33.3%	33.3% #5FF7ED	RVB 95 247 237	#5FF7ED
50.0%	50.0% #77F8F0	RVB 119 248 240	#77F8F0
66.7%	66.7% #90F9F2	RVB 144 249 242	#90F9F2
83.3%	83.3% #A9FAF5	RVB 169 250 245	#A9FAF5
100.0%	100.0% #C3FCF8	RVB 195 252 248	#C3FCF8

#2EF5E9 #47F6EB #5FF7ED #77F8F0 #90F9F2 #A9FAF5 #C3FCF8

#2FF5E9 - #77F8F0 - #C3FCF8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EF5E9 0%, #77F8F0 50%, #C3FCF8 100%);
    background: -webkit-linear-gradient(top, #2EF5E9 0%, #77F8F0 50%, #C3FCF8 100%);
    background: linear-gradient(to bottom, #2EF5E9 0%, #77F8F0 50%, #C3FCF8 100%);
}
</style>