#3E4057 - #8C7F7E | 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 #3E4057 à #8C7F7E

#3E4057 #8C7F7E

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

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

0.0%	0.0% #3E4057	RVB 62 64 87	#3E4057
16.7%	16.7% #4B4A5D	RVB 75 74 93	#4B4A5D
33.3%	33.3% #585564	RVB 88 85 100	#585564
50.0%	50.0% #655F6A	RVB 101 95 106	#655F6A
66.7%	66.7% #726A71	RVB 114 106 113	#726A71
83.3%	83.3% #7F7477	RVB 127 116 119	#7F7477
100.0%	100.0% #8C7F7E	RVB 140 127 126	#8C7F7E

#3E4057 #4B4A5D #585564 #655F6A #726A71 #7F7477 #8C7F7E

#3E4057 - #8C7F7E

Mélange HSV

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

0.0%	0.0% #3E4057	RVB 62 64 87	#3E4057
16.7%	16.7% #4E475F	RVB 78 71 95	#4E475F
33.3%	33.3% #605168	RVB 96 81 104	#605168
50.0%	50.0% #715B71	RVB 113 91 113	#715B71
66.7%	66.7% #7A6673	RVB 122 102 115	#7A6673
83.3%	83.3% #837176	RVB 131 113 118	#837176
100.0%	100.0% #8C7F7E	RVB 140 127 126	#8C7F7E

#3E4057 #4E475F #605168 #715B71 #7A6673 #837176 #8C7F7E

#3E4057 - #715B71 - #8C7F7E

Codes CSS

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

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