#5E4A8D - #2D0C33 | 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 #5E4A8D à #2D0C33

#5E4A8D #2D0C33

Calculez la couleur entre deux couleurs, #5E4A8D et #2D0C33. 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)

#5E4A8D - #2D0C33 | 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 #5E4A8D 0% et #2D0C33 100%.

0.0%	0.0% #5E4A8D	RVB 94 74 141	#5E4A8D
16.7%	16.7% #553F7E	RVB 85 63 126	#553F7E
33.3%	33.3% #4D356F	RVB 77 53 111	#4D356F
50.0%	50.0% #452B60	RVB 69 43 96	#452B60
66.7%	66.7% #3D2051	RVB 61 32 81	#3D2051
83.3%	83.3% #351642	RVB 53 22 66	#351642
100.0%	100.0% #2D0C33	RVB 45 12 51	#2D0C33

#5E4A8D #553F7E #4D356F #452B60 #3D2051 #351642 #2D0C33

#5E4A8D - #2D0C33

Mélange HSV

#5E4A8D - #2D0C33 | 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 #5E4A8D 0% et #2D0C33 100%.

0.0%	0.0% #5E4A8D	RVB 94 74 141	#5E4A8D
16.7%	16.7% #553C7E	RVB 85 60 126	#553C7E
33.3%	33.3% #4E2F6F	RVB 78 47 111	#4E2F6F
50.0%	50.0% #462460	RVB 70 36 96	#462460
66.7%	66.7% #3E1A51	RVB 62 26 81	#3E1A51
83.3%	83.3% #361242	RVB 54 18 66	#361242
100.0%	100.0% #2D0C33	RVB 45 12 51	#2D0C33

#5E4A8D #553C7E #4E2F6F #462460 #3E1A51 #361242 #2D0C33

#5E4A8D - #462460 - #2D0C33

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A8D 0%, #462460 50%, #2D0C33 100%);
    background: -webkit-linear-gradient(top, #5E4A8D 0%, #462460 50%, #2D0C33 100%);
    background: linear-gradient(to bottom, #5E4A8D 0%, #462460 50%, #2D0C33 100%);
}
</style>