#9A8FBC - #E2DFEB | 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 #9A8FBC à #E2DFEB

#9A8FBC #E2DFEB

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

#9A8FBC - #E2DFEB | 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 #9A8FBC 0% et #E2DFEB 100%.

0.0%	0.0% #9A8FBC	RVB 154 143 188	#9A8FBC
16.7%	16.7% #A69CC3	RVB 166 156 195	#A69CC3
33.3%	33.3% #B2A9CB	RVB 178 169 203	#B2A9CB
50.0%	50.0% #BEB7D3	RVB 190 183 211	#BEB7D3
66.7%	66.7% #CAC4DB	RVB 202 196 219	#CAC4DB
83.3%	83.3% #D6D1E3	RVB 214 209 227	#D6D1E3
100.0%	100.0% #E2DFEB	RVB 226 223 235	#E2DFEB

#9A8FBC #A69CC3 #B2A9CB #BEB7D3 #CAC4DB #D6D1E3 #E2DFEB

#9A8FBC - #E2DFEB

Mélange HSV

#9A8FBC - #E2DFEB | 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 #9A8FBC 0% et #E2DFEB 100%.

0.0%	0.0% #9A8FBC	RVB 154 143 188	#9A8FBC
16.7%	16.7% #A59BC3	RVB 165 155 195	#A59BC3
33.3%	33.3% #B0A7CB	RVB 176 167 203	#B0A7CB
50.0%	50.0% #BCB4D3	RVB 188 180 211	#BCB4D3
66.7%	66.7% #C8C2DB	RVB 200 194 219	#C8C2DB
83.3%	83.3% #D5D0E3	RVB 213 208 227	#D5D0E3
100.0%	100.0% #E2DFEB	RVB 226 223 235	#E2DFEB

#9A8FBC #A59BC3 #B0A7CB #BCB4D3 #C8C2DB #D5D0E3 #E2DFEB

#9A8FBC - #BCB4D3 - #E2DFEB

Codes CSS

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

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