#E5EFE7 - #91BAB9 | 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 #E5EFE7 à #91BAB9

#E5EFE7 #91BAB9

Calculez la couleur entre deux couleurs, #E5EFE7 et #91BAB9. 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)

#E5EFE7 - #91BAB9 | 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 #E5EFE7 0% et #91BAB9 100%.

0.0%	0.0% #E5EFE7	RVB 229 239 231	#E5EFE7
16.7%	16.7% #D7E6DF	RVB 215 230 223	#D7E6DF
33.3%	33.3% #C9DDD7	RVB 201 221 215	#C9DDD7
50.0%	50.0% #BBD4D0	RVB 187 212 208	#BBD4D0
66.7%	66.7% #ADCBC8	RVB 173 203 200	#ADCBC8
83.3%	83.3% #9FC2C0	RVB 159 194 192	#9FC2C0
100.0%	100.0% #91BAB9	RVB 145 186 185	#91BAB9

#E5EFE7 #D7E6DF #C9DDD7 #BBD4D0 #ADCBC8 #9FC2C0 #91BAB9

#E5EFE7 - #91BAB9

Mélange HSV

#E5EFE7 - #91BAB9 | 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 #E5EFE7 0% et #91BAB9 100%.

0.0%	0.0% #E5EFE7	RVB 229 239 231	#E5EFE7
16.7%	16.7% #D5E6DB	RVB 213 230 219	#D5E6DB
33.3%	33.3% #C6DDD1	RVB 198 221 209	#C6DDD1
50.0%	50.0% #B8D4C9	RVB 184 212 201	#B8D4C9
66.7%	66.7% #AACBC2	RVB 170 203 194	#AACBC2
83.3%	83.3% #9DC2BD	RVB 157 194 189	#9DC2BD
100.0%	100.0% #91BAB9	RVB 145 186 185	#91BAB9

#E5EFE7 #D5E6DB #C6DDD1 #B8D4C9 #AACBC2 #9DC2BD #91BAB9

#E5EFE7 - #B8D4C9 - #91BAB9

Codes CSS

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

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