#402B5E - #BA707C | 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 #402B5E à #BA707C

#402B5E #BA707C

Calculez la couleur entre deux couleurs, #402B5E et #BA707C. 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)

#402B5E - #BA707C | 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 #402B5E 0% et #BA707C 100%.

0.0%	0.0% #402B5E	RVB 64 43 94	#402B5E
16.7%	16.7% #543663	RVB 84 54 99	#543663
33.3%	33.3% #684268	RVB 104 66 104	#684268
50.0%	50.0% #7D4D6D	RVB 125 77 109	#7D4D6D
66.7%	66.7% #915972	RVB 145 89 114	#915972
83.3%	83.3% #A56477	RVB 165 100 119	#A56477
100.0%	100.0% #BA707C	RVB 186 112 124	#BA707C

#402B5E #543663 #684268 #7D4D6D #915972 #A56477 #BA707C

#402B5E - #BA707C

Mélange HSV

#402B5E - #BA707C | 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 #402B5E 0% et #BA707C 100%.

0.0%	0.0% #3F2B5E	RVB 63 43 94	#3F2B5E
16.7%	16.7% #59346D	RVB 89 52 109	#59346D
33.3%	33.3% #753F7C	RVB 117 63 124	#753F7C
50.0%	50.0% #8C4A83	RVB 140 74 131	#8C4A83
66.7%	66.7% #9B5682	RVB 155 86 130	#9B5682
83.3%	83.3% #AA627F	RVB 170 98 127	#AA627F
100.0%	100.0% #BA707C	RVB 186 112 124	#BA707C

#3F2B5E #59346D #753F7C #8C4A83 #9B5682 #AA627F #BA707C

#402B5E - #8C4A83 - #BA707C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F2B5E 0%, #8C4A83 50%, #BA707C 100%);
    background: -webkit-linear-gradient(top, #3F2B5E 0%, #8C4A83 50%, #BA707C 100%);
    background: linear-gradient(to bottom, #3F2B5E 0%, #8C4A83 50%, #BA707C 100%);
}
</style>