#3E3C5E - #C88780 | 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 #3E3C5E à #C88780

#3E3C5E #C88780

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

#3E3C5E - #C88780 | 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 #3E3C5E 0% et #C88780 100%.

0.0%	0.0% #3E3C5E	RVB 62 60 94	#3E3C5E
16.7%	16.7% #554863	RVB 85 72 99	#554863
33.3%	33.3% #6C5569	RVB 108 85 105	#6C5569
50.0%	50.0% #83616F	RVB 131 97 111	#83616F
66.7%	66.7% #9A6E74	RVB 154 110 116	#9A6E74
83.3%	83.3% #B17A7A	RVB 177 122 122	#B17A7A
100.0%	100.0% #C88780	RVB 200 135 128	#C88780

#3E3C5E #554863 #6C5569 #83616F #9A6E74 #B17A7A #C88780

#3E3C5E - #C88780

Mélange HSV

#3E3C5E - #C88780 | 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 #3E3C5E 0% et #C88780 100%.

0.0%	0.0% #3E3C5E	RVB 62 60 94	#3E3C5E
16.7%	16.7% #57476F	RVB 87 71 111	#57476F
33.3%	33.3% #755281	RVB 117 82 129	#755281
50.0%	50.0% #935D8E	RVB 147 93 142	#935D8E
66.7%	66.7% #A4698B	RVB 164 105 139	#A4698B
83.3%	83.3% #B67484	RVB 182 116 132	#B67484
100.0%	100.0% #C88780	RVB 200 135 128	#C88780

#3E3C5E #57476F #755281 #935D8E #A4698B #B67484 #C88780

#3E3C5E - #935D8E - #C88780

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
    background: -webkit-linear-gradient(top, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
    background: linear-gradient(to bottom, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
}
</style>