#3F3E3C - #C8C7C7 | 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 #3F3E3C à #C8C7C7

#3F3E3C #C8C7C7

Calculez la couleur entre deux couleurs, #3F3E3C et #C8C7C7. 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)

#3F3E3C - #C8C7C7 | 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 #3F3E3C 0% et #C8C7C7 100%.

0.0%	0.0% #3F3E3C	RVB 63 62 60	#3F3E3C
16.7%	16.7% #555453	RVB 85 84 83	#555453
33.3%	33.3% #6C6B6A	RVB 108 107 106	#6C6B6A
50.0%	50.0% #838281	RVB 131 130 129	#838281
66.7%	66.7% #9A9998	RVB 154 153 152	#9A9998
83.3%	83.3% #B1B0AF	RVB 177 176 175	#B1B0AF
100.0%	100.0% #C8C7C7	RVB 200 199 199	#C8C7C7

#3F3E3C #555453 #6C6B6A #838281 #9A9998 #B1B0AF #C8C7C7

#3F3E3C - #C8C7C7

Mélange HSV

#3F3E3C - #C8C7C7 | 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 #3F3E3C 0% et #C8C7C7 100%.

0.0%	0.0% #3F3E3C	RVB 63 62 60	#3F3E3C
16.7%	16.7% #555452	RVB 85 84 82	#555452
33.3%	33.3% #6C6A69	RVB 108 106 105	#6C6A69
50.0%	50.0% #838180	RVB 131 129 128	#838180
66.7%	66.7% #9A9897	RVB 154 152 151	#9A9897
83.3%	83.3% #B1AFAF	RVB 177 175 175	#B1AFAF
100.0%	100.0% #C8C7C7	RVB 200 199 199	#C8C7C7

#3F3E3C #555452 #6C6A69 #838180 #9A9897 #B1AFAF #C8C7C7

#3F3E3C - #838180 - #C8C7C7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F3E3C 0%, #838180 50%, #C8C7C7 100%);
    background: -webkit-linear-gradient(top, #3F3E3C 0%, #838180 50%, #C8C7C7 100%);
    background: linear-gradient(to bottom, #3F3E3C 0%, #838180 50%, #C8C7C7 100%);
}
</style>