#15162D - #BCBCC3 | 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 #15162D à #BCBCC3

#15162D #BCBCC3

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

#15162D - #BCBCC3 | 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 #15162D 0% et #BCBCC3 100%.

0.0%	0.0% #15162D	RVB 21 22 45	#15162D
16.7%	16.7% #303146	RVB 48 49 70	#303146
33.3%	33.3% #4C4D5F	RVB 76 77 95	#4C4D5F
50.0%	50.0% #686978	RVB 104 105 120	#686978
66.7%	66.7% #848491	RVB 132 132 145	#848491
83.3%	83.3% #A0A0AA	RVB 160 160 170	#A0A0AA
100.0%	100.0% #BCBCC3	RVB 188 188 195	#BCBCC3

#15162D #303146 #4C4D5F #686978 #848491 #A0A0AA #BCBCC3

#15162D - #BCBCC3

Mélange HSV

#15162D - #BCBCC3 | 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 #15162D 0% et #BCBCC3 100%.

0.0%	0.0% #15162D	RVB 21 22 45	#15162D
16.7%	16.7% #262746	RVB 38 39 70	#262746
33.3%	33.3% #3C3D5F	RVB 60 61 95	#3C3D5F
50.0%	50.0% #555678	RVB 85 86 120	#555678
66.7%	66.7% #737491	RVB 115 116 145	#737491
83.3%	83.3% #9595AA	RVB 149 149 170	#9595AA
100.0%	100.0% #BCBCC3	RVB 188 188 195	#BCBCC3

#15162D #262746 #3C3D5F #555678 #737491 #9595AA #BCBCC3

#15162D - #555678 - #BCBCC3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15162D 0%, #555678 50%, #BCBCC3 100%);
    background: -webkit-linear-gradient(top, #15162D 0%, #555678 50%, #BCBCC3 100%);
    background: linear-gradient(to bottom, #15162D 0%, #555678 50%, #BCBCC3 100%);
}
</style>