#2F234B - #10080F | 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 #2F234B à #10080F

#2F234B #10080F

Calculez la couleur entre deux couleurs, #2F234B et #10080F. 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)

#2F234B - #10080F | 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 #2F234B 0% et #10080F 100%.

0.0%	0.0% #2F234B	RVB 47 35 75	#2F234B
16.7%	16.7% #291E41	RVB 41 30 65	#291E41
33.3%	33.3% #241A37	RVB 36 26 55	#241A37
50.0%	50.0% #1F152D	RVB 31 21 45	#1F152D
66.7%	66.7% #1A1123	RVB 26 17 35	#1A1123
83.3%	83.3% #150C19	RVB 21 12 25	#150C19
100.0%	100.0% #10080F	RVB 16 8 15	#10080F

#2F234B #291E41 #241A37 #1F152D #1A1123 #150C19 #10080F

#2F234B - #10080F

Mélange HSV

#2F234B - #10080F | 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 #2F234B 0% et #10080F 100%.

0.0%	0.0% #2E234B	RVB 46 35 75	#2E234B
16.7%	16.7% #2D1E41	RVB 45 30 65	#2D1E41
33.3%	33.3% #2B1A37	RVB 43 26 55	#2B1A37
50.0%	50.0% #26152D	RVB 38 21 45	#26152D
66.7%	66.7% #201123	RVB 32 17 35	#201123
83.3%	83.3% #190C19	RVB 25 12 25	#190C19
100.0%	100.0% #10080F	RVB 16 8 15	#10080F

#2E234B #2D1E41 #2B1A37 #26152D #201123 #190C19 #10080F

#2F234B - #26152D - #10080F

Codes CSS

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

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