#E5E3E7 - #958DAE | 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 #E5E3E7 à #958DAE

#E5E3E7 #958DAE

Calculez la couleur entre deux couleurs, #E5E3E7 et #958DAE. 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)

#E5E3E7 - #958DAE | 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 #E5E3E7 0% et #958DAE 100%.

0.0%	0.0% #E5E3E7	RVB 229 227 231	#E5E3E7
16.7%	16.7% #D7D4DD	RVB 215 212 221	#D7D4DD
33.3%	33.3% #CAC6D4	RVB 202 198 212	#CAC6D4
50.0%	50.0% #BDB8CA	RVB 189 184 202	#BDB8CA
66.7%	66.7% #AFA9C1	RVB 175 169 193	#AFA9C1
83.3%	83.3% #A29BB7	RVB 162 155 183	#A29BB7
100.0%	100.0% #958DAE	RVB 149 141 174	#958DAE

#E5E3E7 #D7D4DD #CAC6D4 #BDB8CA #AFA9C1 #A29BB7 #958DAE

#E5E3E7 - #958DAE

Mélange HSV

#E5E3E7 - #958DAE | 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 #E5E3E7 0% et #958DAE 100%.

0.0%	0.0% #E5E3E7	RVB 229 227 231	#E5E3E7
16.7%	16.7% #D7D3DD	RVB 215 211 221	#D7D3DD
33.3%	33.3% #CAC4D4	RVB 202 196 212	#CAC4D4
50.0%	50.0% #BDB5CA	RVB 189 181 202	#BDB5CA
66.7%	66.7% #AFA7C1	RVB 175 167 193	#AFA7C1
83.3%	83.3% #A299B7	RVB 162 153 183	#A299B7
100.0%	100.0% #958DAE	RVB 149 141 174	#958DAE

#E5E3E7 #D7D3DD #CAC4D4 #BDB5CA #AFA7C1 #A299B7 #958DAE

#E5E3E7 - #BDB5CA - #958DAE

Codes CSS

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

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