#411E5E - #B05E7B | 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 #411E5E à #B05E7B

#411E5E #B05E7B

Calculez la couleur entre deux couleurs, #411E5E et #B05E7B. 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)

#411E5E - #B05E7B | 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 #411E5E 0% et #B05E7B 100%.

0.0%	0.0% #411E5E	RVB 65 30 94	#411E5E
16.7%	16.7% #532862	RVB 83 40 98	#532862
33.3%	33.3% #663367	RVB 102 51 103	#663367
50.0%	50.0% #783E6C	RVB 120 62 108	#783E6C
66.7%	66.7% #8B4871	RVB 139 72 113	#8B4871
83.3%	83.3% #9D5376	RVB 157 83 118	#9D5376
100.0%	100.0% #B05E7B	RVB 176 94 123	#B05E7B

#411E5E #532862 #663367 #783E6C #8B4871 #9D5376 #B05E7B

#411E5E - #B05E7B

Mélange HSV

#411E5E - #B05E7B | 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 #411E5E 0% et #B05E7B 100%.

0.0%	0.0% #411E5E	RVB 65 30 94	#411E5E
16.7%	16.7% #58266B	RVB 88 38 107	#58266B
33.3%	33.3% #722F79	RVB 114 47 121	#722F79
50.0%	50.0% #87397F	RVB 135 57 127	#87397F
66.7%	66.7% #94447E	RVB 148 68 126	#94447E
83.3%	83.3% #A2507C	RVB 162 80 124	#A2507C
100.0%	100.0% #B05E7B	RVB 176 94 123	#B05E7B

#411E5E #58266B #722F79 #87397F #94447E #A2507C #B05E7B

#411E5E - #87397F - #B05E7B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #411E5E 0%, #87397F 50%, #B05E7B 100%);
    background: -webkit-linear-gradient(top, #411E5E 0%, #87397F 50%, #B05E7B 100%);
    background: linear-gradient(to bottom, #411E5E 0%, #87397F 50%, #B05E7B 100%);
}
</style>