#3C3C5E - #857C85 | 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 #3C3C5E à #857C85

#3C3C5E #857C85

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

#3C3C5E - #857C85 | 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 #3C3C5E 0% et #857C85 100%.

0.0%	0.0% #3C3C5E	RVB 60 60 94	#3C3C5E
16.7%	16.7% #484664	RVB 72 70 100	#484664
33.3%	33.3% #54516B	RVB 84 81 107	#54516B
50.0%	50.0% #605C71	RVB 96 92 113	#605C71
66.7%	66.7% #6C6678	RVB 108 102 120	#6C6678
83.3%	83.3% #78717E	RVB 120 113 126	#78717E
100.0%	100.0% #857C85	RVB 133 124 133	#857C85

#3C3C5E #484664 #54516B #605C71 #6C6678 #78717E #857C85

#3C3C5E - #857C85

Mélange HSV

#3C3C5E - #857C85 | 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 #3C3C5E 0% et #857C85 100%.

0.0%	0.0% #3C3C5E	RVB 60 60 94	#3C3C5E
16.7%	16.7% #4A4564	RVB 74 69 100	#4A4564
33.3%	33.3% #584E6B	RVB 88 78 107	#584E6B
50.0%	50.0% #655971	RVB 101 89 113	#655971
66.7%	66.7% #716478	RVB 113 100 120	#716478
83.3%	83.3% #7C6F7E	RVB 124 111 126	#7C6F7E
100.0%	100.0% #857C85	RVB 133 124 133	#857C85

#3C3C5E #4A4564 #584E6B #655971 #716478 #7C6F7E #857C85

#3C3C5E - #655971 - #857C85

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C5E 0%, #655971 50%, #857C85 100%);
    background: -webkit-linear-gradient(top, #3C3C5E 0%, #655971 50%, #857C85 100%);
    background: linear-gradient(to bottom, #3C3C5E 0%, #655971 50%, #857C85 100%);
}
</style>