#C11900 - #5E140B | 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 #C11900 à #5E140B

#C11900 #5E140B

Calculez la couleur entre deux couleurs, #C11900 et #5E140B. 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)

#C11900 - #5E140B | 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 #C11900 0% et #5E140B 100%.

0.0%	0.0% #C11900	RVB 193 25 0	#C11900
16.7%	16.7% #B01801	RVB 176 24 1	#B01801
33.3%	33.3% #A01703	RVB 160 23 3	#A01703
50.0%	50.0% #8F1605	RVB 143 22 5	#8F1605
66.7%	66.7% #7F1507	RVB 127 21 7	#7F1507
83.3%	83.3% #6E1409	RVB 110 20 9	#6E1409
100.0%	100.0% #5E140B	RVB 94 20 11	#5E140B

#C11900 #B01801 #A01703 #8F1605 #7F1507 #6E1409 #5E140B

#C11900 - #5E140B

Mélange HSV

#C11900 - #5E140B | 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 #C11900 0% et #5E140B 100%.

0.0%	0.0% #C11900	RVB 193 25 0	#C11900
16.7%	16.7% #B01903	RVB 176 25 3	#B01903
33.3%	33.3% #A01906	RVB 160 25 6	#A01906
50.0%	50.0% #8F1808	RVB 143 24 8	#8F1808
66.7%	66.7% #7F1709	RVB 127 23 9	#7F1709
83.3%	83.3% #6E150A	RVB 110 21 10	#6E150A
100.0%	100.0% #5E140B	RVB 94 20 11	#5E140B

#C11900 #B01903 #A01906 #8F1808 #7F1709 #6E150A #5E140B

#C11900 - #8F1808 - #5E140B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C11900 0%, #8F1808 50%, #5E140B 100%);
    background: -webkit-linear-gradient(top, #C11900 0%, #8F1808 50%, #5E140B 100%);
    background: linear-gradient(to bottom, #C11900 0%, #8F1808 50%, #5E140B 100%);
}
</style>