#E3E5E8 - #FFE4E3 | 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 #E3E5E8 à #FFE4E3

#E3E5E8 #FFE4E3

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

#E3E5E8 - #FFE4E3 | 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 #E3E5E8 0% et #FFE4E3 100%.

0.0%	0.0% #E3E5E8	RVB 227 229 232	#E3E5E8
16.7%	16.7% #E7E4E7	RVB 231 228 231	#E7E4E7
33.3%	33.3% #ECE4E6	RVB 236 228 230	#ECE4E6
50.0%	50.0% #F1E4E5	RVB 241 228 229	#F1E4E5
66.7%	66.7% #F5E4E4	RVB 245 228 228	#F5E4E4
83.3%	83.3% #FAE4E3	RVB 250 228 227	#FAE4E3
100.0%	100.0% #FFE4E3	RVB 255 228 227	#FFE4E3

#E3E5E8 #E7E4E7 #ECE4E6 #F1E4E5 #F5E4E4 #FAE4E3 #FFE4E3

#E3E5E8 - #FFE4E3

Mélange HSV

#E3E5E8 - #FFE4E3 | 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 #E3E5E8 0% et #FFE4E3 100%.

0.0%	0.0% #E3E5E8	RVB 227 229 232	#E3E5E8
16.7%	16.7% #E3E3EB	RVB 227 227 235	#E3E3EB
33.3%	33.3% #E8E3EF	RVB 232 227 239	#E8E3EF
50.0%	50.0% #F0E3F3	RVB 240 227 243	#F0E3F3
66.7%	66.7% #F7E3F2	RVB 247 227 242	#F7E3F2
83.3%	83.3% #FBE3EC	RVB 251 227 236	#FBE3EC
100.0%	100.0% #FFE4E3	RVB 255 228 227	#FFE4E3

#E3E5E8 #E3E3EB #E8E3EF #F0E3F3 #F7E3F2 #FBE3EC #FFE4E3

#E3E5E8 - #F0E3F3 - #FFE4E3

Codes CSS

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

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