#7E8C8C - #DADEDE | 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 #7E8C8C à #DADEDE

#7E8C8C #DADEDE

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

#7E8C8C - #DADEDE | 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 #7E8C8C 0% et #DADEDE 100%.

0.0%	0.0% #7E8C8C	RVB 126 140 140	#7E8C8C
16.7%	16.7% #8D9999	RVB 141 153 153	#8D9999
33.3%	33.3% #9CA7A7	RVB 156 167 167	#9CA7A7
50.0%	50.0% #ACB5B5	RVB 172 181 181	#ACB5B5
66.7%	66.7% #BBC2C2	RVB 187 194 194	#BBC2C2
83.3%	83.3% #CAD0D0	RVB 202 208 208	#CAD0D0
100.0%	100.0% #DADEDE	RVB 218 222 222	#DADEDE

#7E8C8C #8D9999 #9CA7A7 #ACB5B5 #BBC2C2 #CAD0D0 #DADEDE

#7E8C8C - #DADEDE

Mélange HSV

#7E8C8C - #DADEDE | 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 #7E8C8C 0% et #DADEDE 100%.

0.0%	0.0% #7E8C8C	RVB 126 140 140	#7E8C8C
16.7%	16.7% #8C9999	RVB 140 153 153	#8C9999
33.3%	33.3% #9BA7A7	RVB 155 167 167	#9BA7A7
50.0%	50.0% #AAB5B5	RVB 170 181 181	#AAB5B5
66.7%	66.7% #B9C2C2	RVB 185 194 194	#B9C2C2
83.3%	83.3% #C9D0D0	RVB 201 208 208	#C9D0D0
100.0%	100.0% #DADEDE	RVB 218 222 222	#DADEDE

#7E8C8C #8C9999 #9BA7A7 #AAB5B5 #B9C2C2 #C9D0D0 #DADEDE

#7E8C8C - #AAB5B5 - #DADEDE

Codes CSS

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

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