#3E2D5E - #8D9096 | 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 #3E2D5E à #8D9096

#3E2D5E #8D9096

Calculez la couleur entre deux couleurs, #3E2D5E et #8D9096. 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)

#3E2D5E - #8D9096 | 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 #3E2D5E 0% et #8D9096 100%.

0.0%	0.0% #3E2D5E	RVB 62 45 94	#3E2D5E
16.7%	16.7% #4B3D67	RVB 75 61 103	#4B3D67
33.3%	33.3% #584E70	RVB 88 78 112	#584E70
50.0%	50.0% #655E7A	RVB 101 94 122	#655E7A
66.7%	66.7% #726F83	RVB 114 111 131	#726F83
83.3%	83.3% #7F7F8C	RVB 127 127 140	#7F7F8C
100.0%	100.0% #8D9096	RVB 141 144 150	#8D9096

#3E2D5E #4B3D67 #584E70 #655E7A #726F83 #7F7F8C #8D9096

#3E2D5E - #8D9096

Mélange HSV

#3E2D5E - #8D9096 | 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 #3E2D5E 0% et #8D9096 100%.

0.0%	0.0% #3E2D5E	RVB 62 45 94	#3E2D5E
16.7%	16.7% #443967	RVB 68 57 103	#443967
33.3%	33.3% #4C4770	RVB 76 71 112	#4C4770
50.0%	50.0% #56567A	RVB 86 86 122	#56567A
66.7%	66.7% #676A83	RVB 103 106 131	#676A83
83.3%	83.3% #797D8C	RVB 121 125 140	#797D8C
100.0%	100.0% #8D9096	RVB 141 144 150	#8D9096

#3E2D5E #443967 #4C4770 #56567A #676A83 #797D8C #8D9096

#3E2D5E - #56567A - #8D9096

Codes CSS

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

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