#5B2D3E - #C16E5E | 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 #5B2D3E à #C16E5E

#5B2D3E #C16E5E

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

#5B2D3E - #C16E5E | 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 #5B2D3E 0% et #C16E5E 100%.

0.0%	0.0% #5B2D3E	RVB 91 45 62	#5B2D3E
16.7%	16.7% #6C3743	RVB 108 55 67	#6C3743
33.3%	33.3% #7D4248	RVB 125 66 72	#7D4248
50.0%	50.0% #8E4D4E	RVB 142 77 78	#8E4D4E
66.7%	66.7% #9F5853	RVB 159 88 83	#9F5853
83.3%	83.3% #B06358	RVB 176 99 88	#B06358
100.0%	100.0% #C16E5E	RVB 193 110 94	#C16E5E

#5B2D3E #6C3743 #7D4248 #8E4D4E #9F5853 #B06358 #C16E5E

#5B2D3E - #C16E5E

Mélange HSV

#5B2D3E - #C16E5E | 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 #5B2D3E 0% et #C16E5E 100%.

0.0%	0.0% #5B2D3E	RVB 91 45 62	#5B2D3E
16.7%	16.7% #6C3544	RVB 108 53 68	#6C3544
33.3%	33.3% #7D3D49	RVB 125 61 73	#7D3D49
50.0%	50.0% #8E454D	RVB 142 69 77	#8E454D
66.7%	66.7% #9F4D4F	RVB 159 77 79	#9F4D4F
83.3%	83.3% #B05C55	RVB 176 92 85	#B05C55
100.0%	100.0% #C16E5E	RVB 193 110 94	#C16E5E

#5B2D3E #6C3544 #7D3D49 #8E454D #9F4D4F #B05C55 #C16E5E

#5B2D3E - #8E454D - #C16E5E

Codes CSS

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

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