#E5EBF1 - #94A8BD | 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 #E5EBF1 à #94A8BD

#E5EBF1 #94A8BD

Calculez la couleur entre deux couleurs, #E5EBF1 et #94A8BD. 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)

#E5EBF1 - #94A8BD | 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 #E5EBF1 0% et #94A8BD 100%.

0.0%	0.0% #E5EBF1	RVB 229 235 241	#E5EBF1
16.7%	16.7% #D7DFE8	RVB 215 223 232	#D7DFE8
33.3%	33.3% #CAD4DF	RVB 202 212 223	#CAD4DF
50.0%	50.0% #BCC9D7	RVB 188 201 215	#BCC9D7
66.7%	66.7% #AFBECE	RVB 175 190 206	#AFBECE
83.3%	83.3% #A1B3C5	RVB 161 179 197	#A1B3C5
100.0%	100.0% #94A8BD	RVB 148 168 189	#94A8BD

#E5EBF1 #D7DFE8 #CAD4DF #BCC9D7 #AFBECE #A1B3C5 #94A8BD

#E5EBF1 - #94A8BD

Mélange HSV

#E5EBF1 - #94A8BD | 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 #E5EBF1 0% et #94A8BD 100%.

0.0%	0.0% #E5EBF1	RVB 229 235 241	#E5EBF1
16.7%	16.7% #D6DFE8	RVB 214 223 232	#D6DFE8
33.3%	33.3% #C8D3DF	RVB 200 211 223	#C8D3DF
50.0%	50.0% #BAC8D7	RVB 186 200 215	#BAC8D7
66.7%	66.7% #ADBDCE	RVB 173 189 206	#ADBDCE
83.3%	83.3% #A0B2C5	RVB 160 178 197	#A0B2C5
100.0%	100.0% #94A8BD	RVB 148 168 189	#94A8BD

#E5EBF1 #D6DFE8 #C8D3DF #BAC8D7 #ADBDCE #A0B2C5 #94A8BD

#E5EBF1 - #BAC8D7 - #94A8BD

Codes CSS

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

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