#4A2E3C - #CBC3C7 | 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 #4A2E3C à #CBC3C7

#4A2E3C #CBC3C7

Calculez la couleur entre deux couleurs, #4A2E3C et #CBC3C7. 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)

#4A2E3C - #CBC3C7 | 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 #4A2E3C 0% et #CBC3C7 100%.

0.0%	0.0% #4A2E3C	RVB 74 46 60	#4A2E3C
16.7%	16.7% #5F4653	RVB 95 70 83	#5F4653
33.3%	33.3% #755F6A	RVB 117 95 106	#755F6A
50.0%	50.0% #8A7881	RVB 138 120 129	#8A7881
66.7%	66.7% #A09198	RVB 160 145 152	#A09198
83.3%	83.3% #B5AAAF	RVB 181 170 175	#B5AAAF
100.0%	100.0% #CBC3C7	RVB 203 195 199	#CBC3C7

#4A2E3C #5F4653 #755F6A #8A7881 #A09198 #B5AAAF #CBC3C7

#4A2E3C - #CBC3C7

Mélange HSV

#4A2E3C - #CBC3C7 | 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 #4A2E3C 0% et #CBC3C7 100%.

0.0%	0.0% #4A2E3C	RVB 74 46 60	#4A2E3C
16.7%	16.7% #5F4050	RVB 95 64 80	#5F4050
33.3%	33.3% #755565	RVB 117 85 101	#755565
50.0%	50.0% #8A6D7C	RVB 138 109 124	#8A6D7C
66.7%	66.7% #A08793	RVB 160 135 147	#A08793
83.3%	83.3% #B5A4AC	RVB 181 164 172	#B5A4AC
100.0%	100.0% #CBC3C7	RVB 203 195 199	#CBC3C7

#4A2E3C #5F4050 #755565 #8A6D7C #A08793 #B5A4AC #CBC3C7

#4A2E3C - #8A6D7C - #CBC3C7

Codes CSS

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

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