#5E153D - #B7505E | 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 #5E153D à #B7505E

#5E153D #B7505E

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

#5E153D - #B7505E | 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 #5E153D 0% et #B7505E 100%.

0.0%	0.0% #5E153D	RVB 94 21 61	#5E153D
16.7%	16.7% #6C1E42	RVB 108 30 66	#6C1E42
33.3%	33.3% #7B2848	RVB 123 40 72	#7B2848
50.0%	50.0% #8A324D	RVB 138 50 77	#8A324D
66.7%	66.7% #993C53	RVB 153 60 83	#993C53
83.3%	83.3% #A84658	RVB 168 70 88	#A84658
100.0%	100.0% #B7505E	RVB 183 80 94	#B7505E

#5E153D #6C1E42 #7B2848 #8A324D #993C53 #A84658 #B7505E

#5E153D - #B7505E

Mélange HSV

#5E153D - #B7505E | 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 #5E153D 0% et #B7505E 100%.

0.0%	0.0% #5E143D	RVB 94 20 61	#5E143D
16.7%	16.7% #6C1C42	RVB 108 28 66	#6C1C42
33.3%	33.3% #7B2448	RVB 123 36 72	#7B2448
50.0%	50.0% #8A2D4D	RVB 138 45 77	#8A2D4D
66.7%	66.7% #993852	RVB 153 56 82	#993852
83.3%	83.3% #A84358	RVB 168 67 88	#A84358
100.0%	100.0% #B7505E	RVB 183 80 94	#B7505E

#5E143D #6C1C42 #7B2448 #8A2D4D #993852 #A84358 #B7505E

#5E153D - #8A2D4D - #B7505E

Codes CSS

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

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