#4E3E5E - #240A30 | 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 #4E3E5E à #240A30

#4E3E5E #240A30

Calculez la couleur entre deux couleurs, #4E3E5E et #240A30. 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)

#4E3E5E - #240A30 | 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 #4E3E5E 0% et #240A30 100%.

0.0%	0.0% #4E3E5E	RVB 78 62 94	#4E3E5E
16.7%	16.7% #473556	RVB 71 53 86	#473556
33.3%	33.3% #402C4E	RVB 64 44 78	#402C4E
50.0%	50.0% #392447	RVB 57 36 71	#392447
66.7%	66.7% #321B3F	RVB 50 27 63	#321B3F
83.3%	83.3% #2B1237	RVB 43 18 55	#2B1237
100.0%	100.0% #240A30	RVB 36 10 48	#240A30

#4E3E5E #473556 #402C4E #392447 #321B3F #2B1237 #240A30

#4E3E5E - #240A30

Mélange HSV

#4E3E5E - #240A30 | 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 #4E3E5E 0% et #240A30 100%.

0.0%	0.0% #4E3E5E	RVB 78 62 94	#4E3E5E
16.7%	16.7% #453256	RVB 69 50 86	#453256
33.3%	33.3% #3D284E	RVB 61 40 78	#3D284E
50.0%	50.0% #361E47	RVB 54 30 71	#361E47
66.7%	66.7% #30163F	RVB 48 22 63	#30163F
83.3%	83.3% #290F37	RVB 41 15 55	#290F37
100.0%	100.0% #240A30	RVB 36 10 48	#240A30

#4E3E5E #453256 #3D284E #361E47 #30163F #290F37 #240A30

#4E3E5E - #361E47 - #240A30

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3E5E 0%, #361E47 50%, #240A30 100%);
    background: -webkit-linear-gradient(top, #4E3E5E 0%, #361E47 50%, #240A30 100%);
    background: linear-gradient(to bottom, #4E3E5E 0%, #361E47 50%, #240A30 100%);
}
</style>