#E2E5E6 - #E9FDF6 | 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 #E2E5E6 à #E9FDF6

#E2E5E6 #E9FDF6

Calculez la couleur entre deux couleurs, #E2E5E6 et #E9FDF6. 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)

#E2E5E6 - #E9FDF6 | 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 #E2E5E6 0% et #E9FDF6 100%.

0.0%	0.0% #E2E5E6	RVB 226 229 230	#E2E5E6
16.7%	16.7% #E3E9E8	RVB 227 233 232	#E3E9E8
33.3%	33.3% #E4EDEB	RVB 228 237 235	#E4EDEB
50.0%	50.0% #E5F1EE	RVB 229 241 238	#E5F1EE
66.7%	66.7% #E6F5F0	RVB 230 245 240	#E6F5F0
83.3%	83.3% #E7F9F3	RVB 231 249 243	#E7F9F3
100.0%	100.0% #E9FDF6	RVB 233 253 246	#E9FDF6

#E2E5E6 #E3E9E8 #E4EDEB #E5F1EE #E6F5F0 #E7F9F3 #E9FDF6

#E2E5E6 - #E9FDF6

Mélange HSV

#E2E5E6 - #E9FDF6 | 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 #E2E5E6 0% et #E9FDF6 100%.

0.0%	0.0% #E2E5E6	RVB 226 229 230	#E2E5E6
16.7%	16.7% #E3E8E9	RVB 227 232 233	#E3E8E9
33.3%	33.3% #E4EDED	RVB 228 237 237	#E4EDED
50.0%	50.0% #E5F1F0	RVB 229 241 240	#E5F1F0
66.7%	66.7% #E6F5F3	RVB 230 245 243	#E6F5F3
83.3%	83.3% #E8F9F4	RVB 232 249 244	#E8F9F4
100.0%	100.0% #E9FDF6	RVB 233 253 246	#E9FDF6

#E2E5E6 #E3E8E9 #E4EDED #E5F1F0 #E6F5F3 #E8F9F4 #E9FDF6

#E2E5E6 - #E5F1F0 - #E9FDF6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2E5E6 0%, #E5F1F0 50%, #E9FDF6 100%);
    background: -webkit-linear-gradient(top, #E2E5E6 0%, #E5F1F0 50%, #E9FDF6 100%);
    background: linear-gradient(to bottom, #E2E5E6 0%, #E5F1F0 50%, #E9FDF6 100%);
}
</style>