#9A8DB5 - #E2DEE9 | 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 #9A8DB5 à #E2DEE9

#9A8DB5 #E2DEE9

Calculez la couleur entre deux couleurs, #9A8DB5 et #E2DEE9. 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)

#9A8DB5 - #E2DEE9 | 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 #9A8DB5 0% et #E2DEE9 100%.

0.0%	0.0% #9A8DB5	RVB 154 141 181	#9A8DB5
16.7%	16.7% #A69ABD	RVB 166 154 189	#A69ABD
33.3%	33.3% #B2A8C6	RVB 178 168 198	#B2A8C6
50.0%	50.0% #BEB5CF	RVB 190 181 207	#BEB5CF
66.7%	66.7% #CAC3D7	RVB 202 195 215	#CAC3D7
83.3%	83.3% #D6D0E0	RVB 214 208 224	#D6D0E0
100.0%	100.0% #E2DEE9	RVB 226 222 233	#E2DEE9

#9A8DB5 #A69ABD #B2A8C6 #BEB5CF #CAC3D7 #D6D0E0 #E2DEE9

#9A8DB5 - #E2DEE9

Mélange HSV

#9A8DB5 - #E2DEE9 | 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 #9A8DB5 0% et #E2DEE9 100%.

0.0%	0.0% #9A8DB5	RVB 154 141 181	#9A8DB5
16.7%	16.7% #A599BD	RVB 165 153 189	#A599BD
33.3%	33.3% #B0A5C6	RVB 176 165 198	#B0A5C6
50.0%	50.0% #BCB3CF	RVB 188 179 207	#BCB3CF
66.7%	66.7% #C8C0D7	RVB 200 192 215	#C8C0D7
83.3%	83.3% #D5CFE0	RVB 213 207 224	#D5CFE0
100.0%	100.0% #E2DEE9	RVB 226 222 233	#E2DEE9

#9A8DB5 #A599BD #B0A5C6 #BCB3CF #C8C0D7 #D5CFE0 #E2DEE9

#9A8DB5 - #BCB3CF - #E2DEE9

Codes CSS

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

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