#8F9F9F - #DFE3E3 | 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 #8F9F9F à #DFE3E3

#8F9F9F #DFE3E3

Calculez la couleur entre deux couleurs, #8F9F9F et #DFE3E3. 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)

#8F9F9F - #DFE3E3 | 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 #8F9F9F 0% et #DFE3E3 100%.

0.0%	0.0% #8F9F9F	RVB 143 159 159	#8F9F9F
16.7%	16.7% #9CAAAA	RVB 156 170 170	#9CAAAA
33.3%	33.3% #A9B5B5	RVB 169 181 181	#A9B5B5
50.0%	50.0% #B7C1C1	RVB 183 193 193	#B7C1C1
66.7%	66.7% #C4CCCC	RVB 196 204 204	#C4CCCC
83.3%	83.3% #D1D7D7	RVB 209 215 215	#D1D7D7
100.0%	100.0% #DFE3E3	RVB 223 227 227	#DFE3E3

#8F9F9F #9CAAAA #A9B5B5 #B7C1C1 #C4CCCC #D1D7D7 #DFE3E3

#8F9F9F - #DFE3E3

Mélange HSV

#8F9F9F - #DFE3E3 | 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 #8F9F9F 0% et #DFE3E3 100%.

0.0%	0.0% #8F9F9F	RVB 143 159 159	#8F9F9F
16.7%	16.7% #9BAAAA	RVB 155 170 170	#9BAAAA
33.3%	33.3% #A8B5B5	RVB 168 181 181	#A8B5B5
50.0%	50.0% #B5C1C1	RVB 181 193 193	#B5C1C1
66.7%	66.7% #C3CCCC	RVB 195 204 204	#C3CCCC
83.3%	83.3% #D0D7D7	RVB 208 215 215	#D0D7D7
100.0%	100.0% #DFE3E3	RVB 223 227 227	#DFE3E3

#8F9F9F #9BAAAA #A8B5B5 #B5C1C1 #C3CCCC #D0D7D7 #DFE3E3

#8F9F9F - #B5C1C1 - #DFE3E3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F9F9F 0%, #B5C1C1 50%, #DFE3E3 100%);
    background: -webkit-linear-gradient(top, #8F9F9F 0%, #B5C1C1 50%, #DFE3E3 100%);
    background: linear-gradient(to bottom, #8F9F9F 0%, #B5C1C1 50%, #DFE3E3 100%);
}
</style>