#8F9F9C - #DFE3E2 | 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 #8F9F9C à #DFE3E2

#8F9F9C #DFE3E2

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

#8F9F9C - #DFE3E2 | 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 #8F9F9C 0% et #DFE3E2 100%.

0.0%	0.0% #8F9F9C	RVB 143 159 156	#8F9F9C
16.7%	16.7% #9CAAA7	RVB 156 170 167	#9CAAA7
33.3%	33.3% #A9B5B3	RVB 169 181 179	#A9B5B3
50.0%	50.0% #B7C1BF	RVB 183 193 191	#B7C1BF
66.7%	66.7% #C4CCCA	RVB 196 204 202	#C4CCCA
83.3%	83.3% #D1D7D6	RVB 209 215 214	#D1D7D6
100.0%	100.0% #DFE3E2	RVB 223 227 226	#DFE3E2

#8F9F9C #9CAAA7 #A9B5B3 #B7C1BF #C4CCCA #D1D7D6 #DFE3E2

#8F9F9C - #DFE3E2

Mélange HSV

#8F9F9C - #DFE3E2 | 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 #8F9F9C 0% et #DFE3E2 100%.

0.0%	0.0% #8F9F9C	RVB 143 159 156	#8F9F9C
16.7%	16.7% #9BAAA7	RVB 155 170 167	#9BAAA7
33.3%	33.3% #A8B5B2	RVB 168 181 178	#A8B5B2
50.0%	50.0% #B5C1BE	RVB 181 193 190	#B5C1BE
66.7%	66.7% #C3CCCA	RVB 195 204 202	#C3CCCA
83.3%	83.3% #D0D7D6	RVB 208 215 214	#D0D7D6
100.0%	100.0% #DFE3E2	RVB 223 227 226	#DFE3E2

#8F9F9C #9BAAA7 #A8B5B2 #B5C1BE #C3CCCA #D0D7D6 #DFE3E2

#8F9F9C - #B5C1BE - #DFE3E2

Codes CSS

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

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