#4D1515 - #CCBCBC | 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 #4D1515 à #CCBCBC

#4D1515 #CCBCBC

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

#4D1515 - #CCBCBC | 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 #4D1515 0% et #CCBCBC 100%.

0.0%	0.0% #4D1515	RVB 77 21 21	#4D1515
16.7%	16.7% #623030	RVB 98 48 48	#623030
33.3%	33.3% #774C4C	RVB 119 76 76	#774C4C
50.0%	50.0% #8C6868	RVB 140 104 104	#8C6868
66.7%	66.7% #A18484	RVB 161 132 132	#A18484
83.3%	83.3% #B6A0A0	RVB 182 160 160	#B6A0A0
100.0%	100.0% #CCBCBC	RVB 204 188 188	#CCBCBC

#4D1515 #623030 #774C4C #8C6868 #A18484 #B6A0A0 #CCBCBC

#4D1515 - #CCBCBC

Mélange HSV

#4D1515 - #CCBCBC | 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 #4D1515 0% et #CCBCBC 100%.

0.0%	0.0% #4D1414	RVB 77 20 20	#4D1414
16.7%	16.7% #622525	RVB 98 37 37	#622525
33.3%	33.3% #773A3A	RVB 119 58 58	#773A3A
50.0%	50.0% #8C5353	RVB 140 83 83	#8C5353
66.7%	66.7% #A17272	RVB 161 114 114	#A17272
83.3%	83.3% #B69494	RVB 182 148 148	#B69494
100.0%	100.0% #CCBCBC	RVB 204 188 188	#CCBCBC

#4D1414 #622525 #773A3A #8C5353 #A17272 #B69494 #CCBCBC

#4D1515 - #8C5353 - #CCBCBC

Codes CSS

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

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