#4D2D3E - #CCC3C7 | 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 #4D2D3E à #CCC3C7

#4D2D3E #CCC3C7

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

#4D2D3E - #CCC3C7 | 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 #4D2D3E 0% et #CCC3C7 100%.

0.0%	0.0% #4D2D3E	RVB 77 45 62	#4D2D3E
16.7%	16.7% #624654	RVB 98 70 84	#624654
33.3%	33.3% #775F6B	RVB 119 95 107	#775F6B
50.0%	50.0% #8C7882	RVB 140 120 130	#8C7882
66.7%	66.7% #A19199	RVB 161 145 153	#A19199
83.3%	83.3% #B6AAB0	RVB 182 170 176	#B6AAB0
100.0%	100.0% #CCC3C7	RVB 204 195 199	#CCC3C7

#4D2D3E #624654 #775F6B #8C7882 #A19199 #B6AAB0 #CCC3C7

#4D2D3E - #CCC3C7

Mélange HSV

#4D2D3E - #CCC3C7 | 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 #4D2D3E 0% et #CCC3C7 100%.

0.0%	0.0% #4D2D3E	RVB 77 45 62	#4D2D3E
16.7%	16.7% #623F51	RVB 98 63 81	#623F51
33.3%	33.3% #775466	RVB 119 84 102	#775466
50.0%	50.0% #8C6C7B	RVB 140 108 123	#8C6C7B
66.7%	66.7% #A18693	RVB 161 134 147	#A18693
83.3%	83.3% #B6A3AC	RVB 182 163 172	#B6A3AC
100.0%	100.0% #CCC3C7	RVB 204 195 199	#CCC3C7

#4D2D3E #623F51 #775466 #8C6C7B #A18693 #B6A3AC #CCC3C7

#4D2D3E - #8C6C7B - #CCC3C7

Codes CSS

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

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