#50243D - #160A10 | 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 #50243D à #160A10

#50243D #160A10

Calculez la couleur entre deux couleurs, #50243D et #160A10. 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)

#50243D - #160A10 | 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 #50243D 0% et #160A10 100%.

0.0%	0.0% #50243D	RVB 80 36 61	#50243D
16.7%	16.7% #461F35	RVB 70 31 53	#461F35
33.3%	33.3% #3C1B2E	RVB 60 27 46	#3C1B2E
50.0%	50.0% #331726	RVB 51 23 38	#331726
66.7%	66.7% #29121F	RVB 41 18 31	#29121F
83.3%	83.3% #1F0E17	RVB 31 14 23	#1F0E17
100.0%	100.0% #160A10	RVB 22 10 16	#160A10

#50243D #461F35 #3C1B2E #331726 #29121F #1F0E17 #160A10

#50243D - #160A10

Mélange HSV

#50243D - #160A10 | 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 #50243D 0% et #160A10 100%.

0.0%	0.0% #50243D	RVB 80 36 61	#50243D
16.7%	16.7% #461F35	RVB 70 31 53	#461F35
33.3%	33.3% #3C1B2D	RVB 60 27 45	#3C1B2D
50.0%	50.0% #331725	RVB 51 23 37	#331725
66.7%	66.7% #29121E	RVB 41 18 30	#29121E
83.3%	83.3% #1F0E17	RVB 31 14 23	#1F0E17
100.0%	100.0% #160A10	RVB 22 10 16	#160A10

#50243D #461F35 #3C1B2D #331725 #29121E #1F0E17 #160A10

#50243D - #331725 - #160A10

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50243D 0%, #331725 50%, #160A10 100%);
    background: -webkit-linear-gradient(top, #50243D 0%, #331725 50%, #160A10 100%);
    background: linear-gradient(to bottom, #50243D 0%, #331725 50%, #160A10 100%);
}
</style>