#3A1B5E - #827E9A | 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 #3A1B5E à #827E9A

#3A1B5E #827E9A

Calculez la couleur entre deux couleurs, #3A1B5E et #827E9A. 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)

#3A1B5E - #827E9A | 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 #3A1B5E 0% et #827E9A 100%.

0.0%	0.0% #3A1B5E	RVB 58 27 94	#3A1B5E
16.7%	16.7% #462B68	RVB 70 43 104	#462B68
33.3%	33.3% #523C72	RVB 82 60 114	#523C72
50.0%	50.0% #5E4C7C	RVB 94 76 124	#5E4C7C
66.7%	66.7% #6A5D86	RVB 106 93 134	#6A5D86
83.3%	83.3% #766D90	RVB 118 109 144	#766D90
100.0%	100.0% #827E9A	RVB 130 126 154	#827E9A

#3A1B5E #462B68 #523C72 #5E4C7C #6A5D86 #766D90 #827E9A

#3A1B5E - #827E9A

Mélange HSV

#3A1B5E - #827E9A | 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 #3A1B5E 0% et #827E9A 100%.

0.0%	0.0% #3A1B5E	RVB 58 27 94	#3A1B5E
16.7%	16.7% #412768	RVB 65 39 104	#412768
33.3%	33.3% #4A3472	RVB 74 52 114	#4A3472
50.0%	50.0% #55447C	RVB 85 68 124	#55447C
66.7%	66.7% #615586	RVB 97 85 134	#615586
83.3%	83.3% #706990	RVB 112 105 144	#706990
100.0%	100.0% #827E9A	RVB 130 126 154	#827E9A

#3A1B5E #412768 #4A3472 #55447C #615586 #706990 #827E9A

#3A1B5E - #55447C - #827E9A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A1B5E 0%, #55447C 50%, #827E9A 100%);
    background: -webkit-linear-gradient(top, #3A1B5E 0%, #55447C 50%, #827E9A 100%);
    background: linear-gradient(to bottom, #3A1B5E 0%, #55447C 50%, #827E9A 100%);
}
</style>