#E4E5E6 - #EBFDF6 | 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 #E4E5E6 à #EBFDF6

#E4E5E6 #EBFDF6

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

#E4E5E6 - #EBFDF6 | 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 #E4E5E6 0% et #EBFDF6 100%.

0.0%	0.0% #E4E5E6	RVB 228 229 230	#E4E5E6
16.7%	16.7% #E5E9E8	RVB 229 233 232	#E5E9E8
33.3%	33.3% #E6EDEB	RVB 230 237 235	#E6EDEB
50.0%	50.0% #E7F1EE	RVB 231 241 238	#E7F1EE
66.7%	66.7% #E8F5F0	RVB 232 245 240	#E8F5F0
83.3%	83.3% #E9F9F3	RVB 233 249 243	#E9F9F3
100.0%	100.0% #EBFDF6	RVB 235 253 246	#EBFDF6

#E4E5E6 #E5E9E8 #E6EDEB #E7F1EE #E8F5F0 #E9F9F3 #EBFDF6

#E4E5E6 - #EBFDF6

Mélange HSV

#E4E5E6 - #EBFDF6 | 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 #E4E5E6 0% et #EBFDF6 100%.

0.0%	0.0% #E4E5E6	RVB 228 229 230	#E4E5E6
16.7%	16.7% #E5E8E9	RVB 229 232 233	#E5E8E9
33.3%	33.3% #E6ECED	RVB 230 236 237	#E6ECED
50.0%	50.0% #E7F0F1	RVB 231 240 241	#E7F0F1
66.7%	66.7% #E8F5F4	RVB 232 245 244	#E8F5F4
83.3%	83.3% #EAF9F5	RVB 234 249 245	#EAF9F5
100.0%	100.0% #EBFDF6	RVB 235 253 246	#EBFDF6

#E4E5E6 #E5E8E9 #E6ECED #E7F0F1 #E8F5F4 #EAF9F5 #EBFDF6

#E4E5E6 - #E7F0F1 - #EBFDF6

Codes CSS

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

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