#402D3C - #C8C3C7 | 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 #402D3C à #C8C3C7

#402D3C #C8C3C7

Calculez la couleur entre deux couleurs, #402D3C et #C8C3C7. 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)

#402D3C - #C8C3C7 | 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 #402D3C 0% et #C8C3C7 100%.

0.0%	0.0% #402D3C	RVB 64 45 60	#402D3C
16.7%	16.7% #564653	RVB 86 70 83	#564653
33.3%	33.3% #6D5F6A	RVB 109 95 106	#6D5F6A
50.0%	50.0% #847881	RVB 132 120 129	#847881
66.7%	66.7% #9A9198	RVB 154 145 152	#9A9198
83.3%	83.3% #B1AAAF	RVB 177 170 175	#B1AAAF
100.0%	100.0% #C8C3C7	RVB 200 195 199	#C8C3C7

#402D3C #564653 #6D5F6A #847881 #9A9198 #B1AAAF #C8C3C7

#402D3C - #C8C3C7

Mélange HSV

#402D3C - #C8C3C7 | 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 #402D3C 0% et #C8C3C7 100%.

0.0%	0.0% #402D3C	RVB 64 45 60	#402D3C
16.7%	16.7% #564052	RVB 86 64 82	#564052
33.3%	33.3% #6D5668	RVB 109 86 104	#6D5668
50.0%	50.0% #846E7F	RVB 132 110 127	#846E7F
66.7%	66.7% #9A8897	RVB 154 136 151	#9A8897
83.3%	83.3% #B1A4AE	RVB 177 164 174	#B1A4AE
100.0%	100.0% #C8C3C7	RVB 200 195 199	#C8C3C7

#402D3C #564052 #6D5668 #846E7F #9A8897 #B1A4AE #C8C3C7

#402D3C - #846E7F - #C8C3C7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402D3C 0%, #846E7F 50%, #C8C3C7 100%);
    background: -webkit-linear-gradient(top, #402D3C 0%, #846E7F 50%, #C8C3C7 100%);
    background: linear-gradient(to bottom, #402D3C 0%, #846E7F 50%, #C8C3C7 100%);
}
</style>