#9A8C9C - #E2DEE2 | 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 #9A8C9C à #E2DEE2

#9A8C9C #E2DEE2

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

#9A8C9C - #E2DEE2 | 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 #9A8C9C 0% et #E2DEE2 100%.

0.0%	0.0% #9A8C9C	RVB 154 140 156	#9A8C9C
16.7%	16.7% #A699A7	RVB 166 153 167	#A699A7
33.3%	33.3% #B2A7B3	RVB 178 167 179	#B2A7B3
50.0%	50.0% #BEB5BF	RVB 190 181 191	#BEB5BF
66.7%	66.7% #CAC2CA	RVB 202 194 202	#CAC2CA
83.3%	83.3% #D6D0D6	RVB 214 208 214	#D6D0D6
100.0%	100.0% #E2DEE2	RVB 226 222 226	#E2DEE2

#9A8C9C #A699A7 #B2A7B3 #BEB5BF #CAC2CA #D6D0D6 #E2DEE2

#9A8C9C - #E2DEE2

Mélange HSV

#9A8C9C - #E2DEE2 | 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 #9A8C9C 0% et #E2DEE2 100%.

0.0%	0.0% #9A8C9C	RVB 154 140 156	#9A8C9C
16.7%	16.7% #A698A7	RVB 166 152 167	#A698A7
33.3%	33.3% #B2A6B3	RVB 178 166 179	#B2A6B3
50.0%	50.0% #BEB3BF	RVB 190 179 191	#BEB3BF
66.7%	66.7% #CAC1CA	RVB 202 193 202	#CAC1CA
83.3%	83.3% #D6CFD6	RVB 214 207 214	#D6CFD6
100.0%	100.0% #E2DEE2	RVB 226 222 226	#E2DEE2

#9A8C9C #A698A7 #B2A6B3 #BEB3BF #CAC1CA #D6CFD6 #E2DEE2

#9A8C9C - #BEB3BF - #E2DEE2

Codes CSS

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

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