#E9ECEB - #C5EFE6 | 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 #E9ECEB à #C5EFE6

#E9ECEB #C5EFE6

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

#E9ECEB - #C5EFE6 | 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 #E9ECEB 0% et #C5EFE6 100%.

0.0%	0.0% #E9ECEB	RVB 233 236 235	#E9ECEB
16.7%	16.7% #E3ECEA	RVB 227 236 234	#E3ECEA
33.3%	33.3% #DDEDE9	RVB 221 237 233	#DDEDE9
50.0%	50.0% #D7EDE8	RVB 215 237 232	#D7EDE8
66.7%	66.7% #D1EEE7	RVB 209 238 231	#D1EEE7
83.3%	83.3% #CBEEE6	RVB 203 238 230	#CBEEE6
100.0%	100.0% #C5EFE6	RVB 197 239 230	#C5EFE6

#E9ECEB #E3ECEA #DDEDE9 #D7EDE8 #D1EEE7 #CBEEE6 #C5EFE6

#E9ECEB - #C5EFE6

Mélange HSV

#E9ECEB - #C5EFE6 | 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 #E9ECEB 0% et #C5EFE6 100%.

0.0%	0.0% #E9ECEB	RVB 233 236 235	#E9ECEB
16.7%	16.7% #E3ECE9	RVB 227 236 233	#E3ECE9
33.3%	33.3% #DDEDE8	RVB 221 237 232	#DDEDE8
50.0%	50.0% #D7EDE7	RVB 215 237 231	#D7EDE7
66.7%	66.7% #D1EEE6	RVB 209 238 230	#D1EEE6
83.3%	83.3% #CBEEE6	RVB 203 238 230	#CBEEE6
100.0%	100.0% #C5EFE6	RVB 197 239 230	#C5EFE6

#E9ECEB #E3ECE9 #DDEDE8 #D7EDE7 #D1EEE6 #CBEEE6 #C5EFE6

#E9ECEB - #D7EDE7 - #C5EFE6

Codes CSS

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

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