#3C234B - #10080D | 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 #3C234B à #10080D

#3C234B #10080D

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

#3C234B - #10080D | 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 #3C234B 0% et #10080D 100%.

0.0%	0.0% #3C234B	RVB 60 35 75	#3C234B
16.7%	16.7% #341E40	RVB 52 30 64	#341E40
33.3%	33.3% #2D1A36	RVB 45 26 54	#2D1A36
50.0%	50.0% #26152C	RVB 38 21 44	#26152C
66.7%	66.7% #1E1121	RVB 30 17 33	#1E1121
83.3%	83.3% #170C17	RVB 23 12 23	#170C17
100.0%	100.0% #10080D	RVB 16 8 13	#10080D

#3C234B #341E40 #2D1A36 #26152C #1E1121 #170C17 #10080D

#3C234B - #10080D

Mélange HSV

#3C234B - #10080D | 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 #3C234B 0% et #10080D 100%.

0.0%	0.0% #3C234B	RVB 60 35 75	#3C234B
16.7%	16.7% #381E41	RVB 56 30 65	#381E41
33.3%	33.3% #331A37	RVB 51 26 55	#331A37
50.0%	50.0% #2D152D	RVB 45 21 45	#2D152D
66.7%	66.7% #231121	RVB 35 17 33	#231121
83.3%	83.3% #190C16	RVB 25 12 22	#190C16
100.0%	100.0% #10080D	RVB 16 8 13	#10080D

#3C234B #381E41 #331A37 #2D152D #231121 #190C16 #10080D

#3C234B - #2D152D - #10080D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C234B 0%, #2D152D 50%, #10080D 100%);
    background: -webkit-linear-gradient(top, #3C234B 0%, #2D152D 50%, #10080D 100%);
    background: linear-gradient(to bottom, #3C234B 0%, #2D152D 50%, #10080D 100%);
}
</style>