#5D3E5E - #DB806A | 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 #5D3E5E à #DB806A

#5D3E5E #DB806A

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

#5D3E5E - #DB806A | 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 #5D3E5E 0% et #DB806A 100%.

0.0%	0.0% #5D3E5E	RVB 93 62 94	#5D3E5E
16.7%	16.7% #724960	RVB 114 73 96	#724960
33.3%	33.3% #875462	RVB 135 84 98	#875462
50.0%	50.0% #9C5F64	RVB 156 95 100	#9C5F64
66.7%	66.7% #B16A66	RVB 177 106 102	#B16A66
83.3%	83.3% #C67568	RVB 198 117 104	#C67568
100.0%	100.0% #DB806A	RVB 219 128 106	#DB806A

#5D3E5E #724960 #875462 #9C5F64 #B16A66 #C67568 #DB806A

#5D3E5E - #DB806A

Mélange HSV

#5D3E5E - #DB806A | 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 #5D3E5E 0% et #DB806A 100%.

0.0%	0.0% #5D3E5E	RVB 93 62 94	#5D3E5E
16.7%	16.7% #72486B	RVB 114 72 107	#72486B
33.3%	33.3% #875173	RVB 135 81 115	#875173
50.0%	50.0% #9C5975	RVB 156 89 117	#9C5975
66.7%	66.7% #B16071	RVB 177 96 113	#B16071
83.3%	83.3% #C66566	RVB 198 101 102	#C66566
100.0%	100.0% #DB806A	RVB 219 128 106	#DB806A

#5D3E5E #72486B #875173 #9C5975 #B16071 #C66566 #DB806A

#5D3E5E - #9C5975 - #DB806A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3E5E 0%, #9C5975 50%, #DB806A 100%);
    background: -webkit-linear-gradient(top, #5D3E5E 0%, #9C5975 50%, #DB806A 100%);
    background: linear-gradient(to bottom, #5D3E5E 0%, #9C5975 50%, #DB806A 100%);
}
</style>