#5E3FC1 - #2D005F | 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 #5E3FC1 à #2D005F

#5E3FC1 #2D005F

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

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

0.0%	0.0% #5E3FC1	RVB 94 63 193	#5E3FC1
16.7%	16.7% #5534B0	RVB 85 52 176	#5534B0
33.3%	33.3% #4D2AA0	RVB 77 42 160	#4D2AA0
50.0%	50.0% #451F90	RVB 69 31 144	#451F90
66.7%	66.7% #3D157F	RVB 61 21 127	#3D157F
83.3%	83.3% #350A6F	RVB 53 10 111	#350A6F
100.0%	100.0% #2D005F	RVB 45 0 95	#2D005F

#5E3FC1 #5534B0 #4D2AA0 #451F90 #3D157F #350A6F #2D005F

#5E3FC1 - #2D005F

Mélange HSV

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

0.0%	0.0% #5D3FC1	RVB 93 63 193	#5D3FC1
16.7%	16.7% #5330B0	RVB 83 48 176	#5330B0
33.3%	33.3% #4A22A0	RVB 74 34 160	#4A22A0
50.0%	50.0% #421790	RVB 66 23 144	#421790
66.7%	66.7% #3A0D7F	RVB 58 13 127	#3A0D7F
83.3%	83.3% #33066F	RVB 51 6 111	#33066F
100.0%	100.0% #2D005F	RVB 45 0 95	#2D005F

#5D3FC1 #5330B0 #4A22A0 #421790 #3A0D7F #33066F #2D005F

#5E3FC1 - #421790 - #2D005F

Codes CSS

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

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