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

#E4E5E6 #C7E3EF

Calculez la couleur entre deux couleurs, #E4E5E6 et #C7E3EF. 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 - #C7E3EF | 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 #C7E3EF 100%.

0.0%	0.0% #E4E5E6	RVB 228 229 230	#E4E5E6
16.7%	16.7% #DFE4E7	RVB 223 228 231	#DFE4E7
33.3%	33.3% #DAE4E9	RVB 218 228 233	#DAE4E9
50.0%	50.0% #D5E4EA	RVB 213 228 234	#D5E4EA
66.7%	66.7% #D0E3EC	RVB 208 227 236	#D0E3EC
83.3%	83.3% #CBE3ED	RVB 203 227 237	#CBE3ED
100.0%	100.0% #C7E3EF	RVB 199 227 239	#C7E3EF

#E4E5E6 #DFE4E7 #DAE4E9 #D5E4EA #D0E3EC #CBE3ED #C7E3EF

#E4E5E6 - #C7E3EF

Mélange HSV

#E4E5E6 - #C7E3EF | 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 #C7E3EF 100%.

0.0%	0.0% #E4E5E6	RVB 228 229 230	#E4E5E6
16.7%	16.7% #DFE3E7	RVB 223 227 231	#DFE3E7
33.3%	33.3% #DAE2E9	RVB 218 226 233	#DAE2E9
50.0%	50.0% #D5E2EA	RVB 213 226 234	#D5E2EA
66.7%	66.7% #D0E2EC	RVB 208 226 236	#D0E2EC
83.3%	83.3% #CCE2ED	RVB 204 226 237	#CCE2ED
100.0%	100.0% #C7E3EF	RVB 199 227 239	#C7E3EF

#E4E5E6 #DFE3E7 #DAE2E9 #D5E2EA #D0E2EC #CCE2ED #C7E3EF

#E4E5E6 - #D5E2EA - #C7E3EF

Codes CSS

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

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