#050B05 - #1A2E3E | 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 #050B05 à #1A2E3E

#050B05 #1A2E3E

Calculez la couleur entre deux couleurs, #050B05 et #1A2E3E. 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)

#050B05 - #1A2E3E | 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 #050B05 0% et #1A2E3E 100%.

0.0%	0.0% #050B05	RVB 5 11 5	#050B05
16.7%	16.7% #08100E	RVB 8 16 14	#08100E
33.3%	33.3% #0C1618	RVB 12 22 24	#0C1618
50.0%	50.0% #0F1C21	RVB 15 28 33	#0F1C21
66.7%	66.7% #13222B	RVB 19 34 43	#13222B
83.3%	83.3% #162834	RVB 22 40 52	#162834
100.0%	100.0% #1A2E3E	RVB 26 46 62	#1A2E3E

#050B05 #08100E #0C1618 #0F1C21 #13222B #162834 #1A2E3E

#050B05 - #1A2E3E

Mélange HSV

#050B05 - #1A2E3E | 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 #050B05 0% et #1A2E3E 100%.

0.0%	0.0% #050B05	RVB 5 11 5	#050B05
16.7%	16.7% #08130B	RVB 8 19 11	#08130B
33.3%	33.3% #0C1C13	RVB 12 28 19	#0C1C13
50.0%	50.0% #0F241E	RVB 15 36 30	#0F241E
66.7%	66.7% #132D2C	RVB 19 45 44	#132D2C
83.3%	83.3% #162F35	RVB 22 47 53	#162F35
100.0%	100.0% #1A2E3E	RVB 26 46 62	#1A2E3E

#050B05 #08130B #0C1C13 #0F241E #132D2C #162F35 #1A2E3E

#050B05 - #0F241E - #1A2E3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #050B05 0%, #0F241E 50%, #1A2E3E 100%);
    background: -webkit-linear-gradient(top, #050B05 0%, #0F241E 50%, #1A2E3E 100%);
    background: linear-gradient(to bottom, #050B05 0%, #0F241E 50%, #1A2E3E 100%);
}
</style>