#E3E5E6 - #FFDBF9 | 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 #E3E5E6 à #FFDBF9

#E3E5E6 #FFDBF9

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

#E3E5E6 - #FFDBF9 | 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 #E3E5E6 0% et #FFDBF9 100%.

0.0%	0.0% #E3E5E6	RVB 227 229 230	#E3E5E6
16.7%	16.7% #E7E3E9	RVB 231 227 233	#E7E3E9
33.3%	33.3% #ECE1EC	RVB 236 225 236	#ECE1EC
50.0%	50.0% #F1E0EF	RVB 241 224 239	#F1E0EF
66.7%	66.7% #F5DEF2	RVB 245 222 242	#F5DEF2
83.3%	83.3% #FADCF5	RVB 250 220 245	#FADCF5
100.0%	100.0% #FFDBF9	RVB 255 219 249	#FFDBF9

#E3E5E6 #E7E3E9 #ECE1EC #F1E0EF #F5DEF2 #FADCF5 #FFDBF9

#E3E5E6 - #FFDBF9

Mélange HSV

#E3E5E6 - #FFDBF9 | 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 #E3E5E6 0% et #FFDBF9 100%.

0.0%	0.0% #E3E5E6	RVB 227 229 230	#E3E5E6
16.7%	16.7% #E2E5EA	RVB 226 229 234	#E2E5EA
33.3%	33.3% #E1E1EE	RVB 225 225 238	#E1E1EE
50.0%	50.0% #E4DFF2	RVB 228 223 242	#E4DFF2
66.7%	66.7% #EBDEF6	RVB 235 222 246	#EBDEF6
83.3%	83.3% #F6DCFA	RVB 246 220 250	#F6DCFA
100.0%	100.0% #FFDBF9	RVB 255 219 249	#FFDBF9

#E3E5E6 #E2E5EA #E1E1EE #E4DFF2 #EBDEF6 #F6DCFA #FFDBF9

#E3E5E6 - #E4DFF2 - #FFDBF9

Codes CSS

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

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