#1C0224 - #542B5E | 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 #1C0224 à #542B5E

#1C0224 #542B5E

Calculez la couleur entre deux couleurs, #1C0224 et #542B5E. 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)

#1C0224 - #542B5E | 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 #1C0224 0% et #542B5E 100%.

0.0%	0.0% #1C0224	RVB 28 2 36	#1C0224
16.7%	16.7% #25082D	RVB 37 8 45	#25082D
33.3%	33.3% #2E0F37	RVB 46 15 55	#2E0F37
50.0%	50.0% #381641	RVB 56 22 65	#381641
66.7%	66.7% #411D4A	RVB 65 29 74	#411D4A
83.3%	83.3% #4A2454	RVB 74 36 84	#4A2454
100.0%	100.0% #542B5E	RVB 84 43 94	#542B5E

#1C0224 #25082D #2E0F37 #381641 #411D4A #4A2454 #542B5E

#1C0224 - #542B5E

Mélange HSV

#1C0224 - #542B5E | 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 #1C0224 0% et #542B5E 100%.

0.0%	0.0% #1B0224	RVB 27 2 36	#1B0224
16.7%	16.7% #24052D	RVB 36 5 45	#24052D
33.3%	33.3% #2D0A37	RVB 45 10 55	#2D0A37
50.0%	50.0% #361041	RVB 54 16 65	#361041
66.7%	66.7% #40184A	RVB 64 24 74	#40184A
83.3%	83.3% #492054	RVB 73 32 84	#492054
100.0%	100.0% #542B5E	RVB 84 43 94	#542B5E

#1B0224 #24052D #2D0A37 #361041 #40184A #492054 #542B5E

#1C0224 - #361041 - #542B5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B0224 0%, #361041 50%, #542B5E 100%);
    background: -webkit-linear-gradient(top, #1B0224 0%, #361041 50%, #542B5E 100%);
    background: linear-gradient(to bottom, #1B0224 0%, #361041 50%, #542B5E 100%);
}
</style>