#7A8F8F - #D9DFDF | 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 #7A8F8F à #D9DFDF

#7A8F8F #D9DFDF

Calculez la couleur entre deux couleurs, #7A8F8F et #D9DFDF. 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)

#7A8F8F - #D9DFDF | 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 #7A8F8F 0% et #D9DFDF 100%.

0.0%	0.0% #7A8F8F	RVB 122 143 143	#7A8F8F
16.7%	16.7% #899C9C	RVB 137 156 156	#899C9C
33.3%	33.3% #99A9A9	RVB 153 169 169	#99A9A9
50.0%	50.0% #A9B7B7	RVB 169 183 183	#A9B7B7
66.7%	66.7% #B9C4C4	RVB 185 196 196	#B9C4C4
83.3%	83.3% #C9D1D1	RVB 201 209 209	#C9D1D1
100.0%	100.0% #D9DFDF	RVB 217 223 223	#D9DFDF

#7A8F8F #899C9C #99A9A9 #A9B7B7 #B9C4C4 #C9D1D1 #D9DFDF

#7A8F8F - #D9DFDF

Mélange HSV

#7A8F8F - #D9DFDF | 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 #7A8F8F 0% et #D9DFDF 100%.

0.0%	0.0% #7A8F8F	RVB 122 143 143	#7A8F8F
16.7%	16.7% #889C9C	RVB 136 156 156	#889C9C
33.3%	33.3% #97A9A9	RVB 151 169 169	#97A9A9
50.0%	50.0% #A7B7B7	RVB 167 183 183	#A7B7B7
66.7%	66.7% #B7C4C4	RVB 183 196 196	#B7C4C4
83.3%	83.3% #C7D1D1	RVB 199 209 209	#C7D1D1
100.0%	100.0% #D9DFDF	RVB 217 223 223	#D9DFDF

#7A8F8F #889C9C #97A9A9 #A7B7B7 #B7C4C4 #C7D1D1 #D9DFDF

#7A8F8F - #A7B7B7 - #D9DFDF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8F8F 0%, #A7B7B7 50%, #D9DFDF 100%);
    background: -webkit-linear-gradient(top, #7A8F8F 0%, #A7B7B7 50%, #D9DFDF 100%);
    background: linear-gradient(to bottom, #7A8F8F 0%, #A7B7B7 50%, #D9DFDF 100%);
}
</style>