#E3E5E4 - #E1F3F0 | 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 #E3E5E4 à #E1F3F0

#E3E5E4 #E1F3F0

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

#E3E5E4 - #E1F3F0 | 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 #E3E5E4 0% et #E1F3F0 100%.

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #E2E7E6	RVB 226 231 230	#E2E7E6
33.3%	33.3% #E2E9E8	RVB 226 233 232	#E2E9E8
50.0%	50.0% #E2ECEA	RVB 226 236 234	#E2ECEA
66.7%	66.7% #E1EEEC	RVB 225 238 236	#E1EEEC
83.3%	83.3% #E1F0EE	RVB 225 240 238	#E1F0EE
100.0%	100.0% #E1F3F0	RVB 225 243 240	#E1F3F0

#E3E5E4 #E2E7E6 #E2E9E8 #E2ECEA #E1EEEC #E1F0EE #E1F3F0

#E3E5E4 - #E1F3F0

Mélange HSV

#E3E5E4 - #E1F3F0 | 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 #E3E5E4 0% et #E1F3F0 100%.

0.0%	0.0% #E3E5E4	RVB 227 229 228	#E3E5E4
16.7%	16.7% #E2E7E5	RVB 226 231 229	#E2E7E5
33.3%	33.3% #E2E9E6	RVB 226 233 230	#E2E9E6
50.0%	50.0% #E2ECE8	RVB 226 236 232	#E2ECE8
66.7%	66.7% #E1EEEA	RVB 225 238 234	#E1EEEA
83.3%	83.3% #E1F0ED	RVB 225 240 237	#E1F0ED
100.0%	100.0% #E1F3F0	RVB 225 243 240	#E1F3F0

#E3E5E4 #E2E7E5 #E2E9E6 #E2ECE8 #E1EEEA #E1F0ED #E1F3F0

#E3E5E4 - #E2ECE8 - #E1F3F0

Codes CSS

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

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